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

发布时间：2020-12-17 07:01:20 所属栏目：安全来源：网络整理

导读：我尝试在预先执行的 HTML文档中引导我的主要角度组件. 这是我现有的DOM： htmlhead/headbody!-- this is my template generated with Symfony --div ... ul liangularComponent/angularComponent/li liangularComponent/angularComponent/li /ul/div/body/ht

我尝试在预先执行的 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>.

我自己还没试过.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!