在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>标记而不是组件的模板会导致将子元素放在那里。

e.g。在您的示例中，<my-component>的模板可能如下所示：

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

为了更加出色，您可以使用Shadow DOM的内容选择器来控制显示哪些子元素。