我需要创建将在网络应用程序中一遍又一遍地重复的通用“信息框”。
我需要 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>
这种技术的可能缺点是什么?我希望我很清楚