在Angular.Dart中类似于ngTransclude

Question

我试图弄清楚如何使组件渲染其子组件.

所以我可以编译:

<my-component>
  <div id="child"></div>
</my-component>

进入这样的事情:

<div id="parent">
  <!-- some component stuff -->
  <div id="child"></div>
</div>

在Angular.Dart中有类似ngTransclude的东西吗？

Answer 1

AngularDart使用Shadow DOM代替ngTransclude.这是我们通过新兴的Web标准将Angular推入浏览器的方式之一.

添加<content>标记而不是组件的模板将导致子元素放置在那里.

例如,在您的示例中<my-component>,模板可能如下所示:

<div id="parent">
  <!-- some component stuff -->
  <content></content>
</div>

为了更加精彩,您还可以使用Shadow DOM的内容选择器来控制显示哪些子元素.