微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Angular 2 – 可以在不删除HTML内容的情况下绑定现有DOM中的app组件吗?

我尝试在预先执行的 HTML文档中引导我的主要角度组件.
这是我现有的DOM:

<html>
<head></head
<body>

<!-- this is my template generated with Symfony -->
<div ...>
 <ul>
   <li><angularComponent></angularComponent></li>
   <li><angularComponent></angularComponent></li>
 </ul>
</div>

</body>
</html>

我想在主体或主div上绑定我的主应用程序组件(或指令),而不替换我预先生成内容(使用symfony).

有可能的 ?你有其他解决方案吗?

谢谢,

解决方法

通常,这通过添加< ng-content>< / ng-content>来完成.到Angular AppComponents模板的模板,但AFAIK在应用程序组件上不支持,仅在子组件上.

您可以尝试设置封装:AppComponent上的ViewEncapsulation.Native并使用< content>< / content>而不是< ng-content>< / ng-content>.

我自己还没试过.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐