在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的内容选择器来控制显示哪些子元素。