在angular.dart组件中的用法?
发布时间:2020-12-17 16:57:56 所属栏目:安全 来源:网络整理
导读:这个答案中提到的方法: https://stackoverflow.com/a/19818178/194642似乎不再起作用了.如何在angular.dart组件中使用Web组件的元素? @Component(selector: "custom-elem",template: "div id='container-elem' content/content/div")class CustomElem exte
这个答案中提到的方法:
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组件的模板部分. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |