Angular.Dart 中 ngTransclude 的模拟

【问题标题】：Analog of ngTransclude in Angular.DartAngular.Dart 中 ngTransclude 的模拟
【发布时间】：2013-11-17 02:39:09
【问题描述】：

我正在尝试弄清楚如何让组件呈现其子级。

所以我可以编译：

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

变成这样的：

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

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

【问题讨论】：

【解决方案1】：

AngularDart 使用 Shadow DOM 代替 ngTransclude。这是我们将 Angular 推入带有新兴网络标准的浏览器的方式之一。

添加<content> 标记代替您的组件模板将导致子元素被放置在那里。

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

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

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

【讨论】：