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

Question

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>

Run Code Online (Sandbox Code Playgroud)

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

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

谢谢,

Answer 1

Gün*_*uer 1

通常这是通过添加<ng-content></ng-content>到 Angular 模板的模板来完成的AppComponent，但据我所知，应用程序组件不支持此功能，仅在子组件上支持。

您可以尝试设置encapsulation: ViewEncapsulation.Nativeund AppComponentuse<content></content>而不是<ng-content></ng-content>.

我自己还没有尝试过这个。

归档时间：	10 年，5 月前
查看次数：	1254 次
最近记录：	10 年，4 月前