Angular 2查询特定ng内容中的被转换内容

时间:2016-09-05 14:36:42

标签: angular

我想通过访问其中一个ng-content标记来查询我的模板以获取已转换的内容,最好是通过其select属性,而无需在元素上设置局部变量。

这可能吗?

<comp>
  <span world>Hello world</span>
</comp>

模板:

<div>
  <ng-content select="[world]"></ng-content>
</div>

Comp.ts:

@ContentChild('world') world: ElementRef;

上述情况不起作用,因为我只是从臀部开枪,所以这是预期的。

如何查询ng-content的内容?

用例是检查内容是否实际传递给组件。

1 个答案:

答案 0 :(得分:1)

ng-content选择您的范围,您需要添加world属性

<comp>
  <span world>Hello world</span>
</comp>

您无法使用@ContentChild()查询没有模板变量或组件或指令类型的元素。

也许这种方法有助于Angular2 Dart - Get Text inside Angular2 Component