在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的內容選擇器來控制顯示哪些子元素。