首页 > 解决方案 > 如何将具有特定指令的子元素作为模板注入父组件?

问题描述

我将 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}}在模板上检查它,所以我认为它是独立于生命周期的检查。

我究竟做错了什么?

标签: angulardart

解决方案


它应该ContentChild代替ViewChild.

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


推荐阅读