Angular中可重用的面板容器模板体系结构

Question

我在Angular的理解中处于中间位置，并试图围绕如何完成以下操作。

我想创建一个可用于包含异构内容的UI组件，可能来自其他组件。

它显示一定数量的内容，并带有溢出省略号。

它有一个完整的边框和标题。

问题在于，由于边框和功能，我希望此组件包含由其他组件控制的内容。

我查看了继承，指令和操作视图容器。每个解决方案看起来都是直观令人不悦的，因为要么不可能，要么似乎会给DOM渲染带来沉重负担。

Answer 1

使用

阅读http://toddmotto.com/transclusion-in-angular-2-with-ng-content

的详细教程