使用具有多个选择器的ng-content进行Dart Angular 2 Transclusion

时间:2016-12-21 21:51:16

标签: angular dart transclusion

我正在将一些代码从Polymer 1.0迁移到Angular 2中,是的!我已经遇到了奇怪/奇怪的事情。

我想替换这个聚合物内容选择器:

<content id="ca_content_group1"
     select="custom-action[type^='icon'][group='1']">

我看到了ng-content,其精彩的&#34; 选择&#34;属性......但是,这不起作用:

<ng-content select="custom-action[type^='icon'][group='1']"></ng-content>

我能够实现这一目标的唯一方法是指定多个&#34; 选择&#34;属性....听起来很奇怪......

<ng-content select="custom-action" select="[type=icon]" select="[group=1]"></ng-content>

我不确定这是不是一个错误,但这些CSS选择器都没有在&#34; select&#34;属性,&#34; ^ =,* =,$ =,| =,〜=&#34;。

我知道还有其他方式涉及&#34;收集&#34;子节点,然后用循环注入它们,但我有点需要知道ng-content是否能够远程处理CSS选择器,如我的例子,或者我是否应该寻找替代方案。

1 个答案:

答案 0 :(得分:1)

烨!这是一个错误!

我已代表您提交(我们确实知道),但尚未公开跟踪 - https://github.com/dart-lang/angular2/issues/237

感谢您试用AngularDart,如果您尝试迁移时有任何其他问题,请与我们联系。如果您有其他问题,我们在Gitter(减去即将到来的假期)上非常活跃:

https://gitter.im/dart-lang/angular2