如何在角度中创建通用和特定指令

Question

我需要创建通用的＆＃34;信息框＆＃34;这将在网络应用程序中一遍又一遍地重复 我需要3种不同类型的盒子，让我们说A，B和C. 他们的模板非常相似，所以我想创建一个＆＃34;通用框＆＃34;然后以某种方式使它更具体，取决于我是否需要指令A，B或C.

我们以下面的图片为例：

以绿色标记的空格可能存在也可能不存在，具体取决于我们使用的指令，当然其内容和行为也应相应更改。

正如您所看到的，主指令只是一个带有一些基本重复信息的矩形，如左侧的图像，标题和内容区域。

有没有办法在angular中创建泛型指令（比如主矩形），然后使用某种继承来创建＆＃34;子指令＆＃34;？

如果是，是否可以仅使用主指令并传递一个参数让角度理解是否应该创建指令A，B或C？ 像

这样的东西

<my-generic-directive type="A"></my-generic-directive>
<my-generic-directive type="B"></my-generic-directive>

这种技术有哪些可能的缺点？ 我希望我很清楚