这应该是最简单的嵌套组件,但是当我加载它(通过systemjs)时,我在浏览器中看到的所有内容都是“Counters”,并且<counter></counter>
已添加到DOM中。没有“Hello Counter”或counter
组件的任何处理的迹象。
import angular from 'angular2/angular2';
var AppComponent = angular
.Component({
selector: 'my-app',
template: '<h1>Counters</h1><counter></counter>'
})
.Class({
constructor: function () { }
});
angular
.Component({
selector: 'counter',
template: '<h2>Hello counter</h2>'
})
.Class({
constructor: function () {}
});
angular.bootstrap(AppComponent);
答案 0 :(得分:12)
您必须在 http://example.com/features/
(或View
)的directives
属性中指定模板中使用的所有指令。见this plunker。正确的代码:
Component