Question

本回答中提到的方法：https://stackoverflow.com/a/19818178/194642似乎不再起作用了。如何在angular.dart组件中使用web组件的元素？

@Component(
selector: "custom-elem",
template: "<div id='container-elem'> <content></content></div>")
class CustomElem extends ShadowRootAware{
  onShadowRoot(_) {
    //do something
  }
}

现在，我希望以下html片段：

<custom-elem> 
  <span>Sample content</span>
</custom-elem>

导致#shadow-root内的关注：

<div id='container-elem'>
  <content> 
    <span>Sample content</span>
  </content>
</div>

Answer 1

我不确定我是否正确理解了您的问题或您的预期结果，但<content>标记的工作方式与<span>Sample content</span> <custom-elem> <div id='container-elem'>的孩子一样<custom-elem> }} } 之前的</div> 的Shadow DOM和<custom-elem> 之后的<span> 中的<div> <span>Sample content</span> </div> <custom-elem>在轻型DOM中就像在

中一样使用
template

当您检查{{1}}的Shadow DOM时，应该只有Angular组件的{{1}}部分。

在angular.dart组件中使用<content>？</content>

1 个答案: