angularjs - 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。这是我们将 Angular 推入具有新兴 Web 标准的浏览器的方式之一。

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

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

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

更棒的是，您还可以使用 Shadow DOM 的内容选择器来控制显示哪些子元素。