我正在使用 AngularJS 1.6，并且在页面 ( panel) 上有一个容器，其中包含一个组件 ( clock)。
是否可以在我的 AngularJS 1.6 容器中嵌入 Angular 2.0 应用程序？
这是 ngUpgrade 的场景吗？我想避免仅仅为了演示这种集成而学习 TypeScript。
控制器.js
'use strict';
var app = angular.module('app', []);
app.directive('clock', function() {
return {
restrict: 'E',
scope: {
timezone: '@'
},
template: '<div>12:00 {{timezone}}</div>'
};
});
app.directive('panel', function() {
return {
restrict: 'E',
transclude: true,
scope: {
title: '@'
},
template: '<div style="border: 3px solid #000000">' +
'<div class="alert-box">{{title}}</div>' +
'</div>'
};
});
索引.html
<html>
<head>
<meta charset="utf-8">
<script src="/bower_components/angular/angular.js"></script>
<script src="js/controller.js"></script>
</head>
<body>
<div ng-app="app">
<panel title="Title for container">
<clock timezone="PST"></clock>
</panel>
</div>
</body>
</html>