javascript - 指令/范围继承

Question

也许这是两个问题合二为一的问题。我知道您必须显式声明要在 Angular 2 的组件内使用的指令。这是否会传播到组件的子组件，如果没有，是否可以这样做？其次，在组件上声明的变量是传播给子组件，还是必须显式传递给组件？

Answer 1

从 beta.14 开始，您必须在 @Component 中明确列出所有使用的指令的 directives大批。对于问题的第二部分，组件上声明的变量(例如:this.name)不会传播到子组件。为此，您必须使用 <child [item]="parentItem"></child> 等属性在组件模板中显式传递它们子组件必须包含 @Input item属性(property)。

编辑:合并评论中的说明...可以在全局范围内注册指令，但只能在 bootstrap 中注册。功能。在父组件上声明的指令不会被子组件继承。

bootstrap(App, [
    PLATFORM_DIRECTIVES,
    provide(PLATFORM_DIRECTIVES, {useValue: [SomeDirective, SomeComponent], multi:true})
]);