[英]Usage of <content> in angular.dart components?
这个答案中提到的方法: 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>Sample content</span>
是<custom-elem>
,其中<div id='container-elem'>
放在的阴影DOM <custom-elem>
的孩子和之前 </div>
中的影子DOM <custom-elem>
的孩子,但在之后 <span>
在光明DOM喜欢它会当使用像
<div>
<span>Sample content</span>
</div>
当您检查<custom-elem>
的Shadow DOM时,应该只有Angular组件的template
部分。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.