Angular2没有加载嵌套组件

时间:2015-10-19 10:48:50

标签: angular

这应该是最简单的嵌套组件,但是当我加载它(通过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);

1 个答案:

答案 0 :(得分:12)

您必须在 http://example.com/features/ (或View)的directives属性中指定模板中使用的所有指令。见this plunker。正确的代码:

Component