在angular.dart组件中的用法?

前端之家收集整理的这篇文章主要介绍了在angular.dart组件中的用法?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这个答案中提到的方法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>

解决方法

我不确定我是否理解您的问题或您的预期结果,但< content>标签的工作方式是< span>示例内容< / span>是< custom-elem>的孩子其中< div id ='container-elem'>放在< custom-elem>的Shadow DOM中孩子们之前和< / div>在< custom-elem>的Shadow DOM中孩子们之后但是< span>是像在使用时那样使用轻型DOM

<div> 
  <span>Sample content</span>
</div>

当您检查< custom-elem>的Shadow DOM时应该只有Angular组件的模板部分.

猜你在找的Angularjs相关文章