如何将具有特定指令的子元素作为模板注入父组件?

时间:2019-08-27 11:42:40

标签: angular dart

我将Dart 2.4与相应的AngularDart配合使用。

我要允许在我的组件中指定可选模板,该模板将用于更改组件视图。

我用什么

@Directive(selector: "[myMarker]")
class MyDirective{
  MyDirective(Element el) {
  }
}

在模板中:

<my-component>
   <template myMarker>Ooo yeah!</template>
</my-component>

MyComponent

  @ViewChild(MyDirective)
  TemplateRef myTemplate;

但是myTemplate为空。我在模板上使用{{myTemplate!=null}}进行了检查,因此我认为这是与生命周期无关的检查。

我在做什么错了?

1 个答案:

答案 0 :(得分:1)

应为ContentChild,而不是ViewChild

Here是一篇很棒的文章,解释了这些术语。