angular - Dart Angular 2 Transclusion 使用带有多个选择器的 ng-content

Question

我正在将一些代码从 Polymer 1.0 迁移到 Angular 2，是的!我遇到了一些特殊/奇怪的事情。

我想替换这个聚合物含量选择器:

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

我看到了 ng-content 及其精彩的“ select ”属性……但是，这不起作用:

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

我能够完成这项工作的唯一方法是指定多个“ 选择 ”属性......这听起来很奇怪......

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

我不确定这是否是一个错误，但这些 CSS 选择器都不能在“select”属性“^=、*=、$=、|=、~=”内工作。

我知道还有其他方法涉及“收集”子节点然后用循环注入(inject)它们，但我有点需要知道 ng-content 是否甚至能够像我的示例一样远程处理 CSS 选择器，或者我是否应该肯定寻找替代方案。

Answer 1

是的!这是一个错误!

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

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

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