我需要创建将在网络应用程序中一遍又一遍地重复的通用“信息框”。
我需要 3 种不同类型的盒子，比如说 A、B 和 C。
它们的模板将非常相似，所以我想创建一个“通用盒子”，然后根据我是否需要指令以某种方式使其更具体A、B 或 C。
我们以下图为例：
标记为绿色的空格可能存在也可能不存在，具体取决于我们使用的指令，当然它们的内容和行为应该相应地改变。
如您所见，主指令只是一个带有一些基本重复信息的矩形，例如左侧的图像、标题和内容区域。
有没有办法以角度创建通用指令（如主矩形），然后使用某种继承来创建“子指令”？
如果是，是否可以只使用主指令并传递一个参数让 Angular 了解它是否应该从中创建指令 A、B 或 C？就像是
<my-generic-directive type="A"></my-generic-directive>
<my-generic-directive type="B"></my-generic-directive>
这种技术的可能缺点是什么？我希望我很清楚