AngularJS - 指令作为可重用的html组件

时间:2013-12-10 11:01:15

标签: angularjs angularjs-directive semantics

这是一个更具架构性的问题,假设我有一个组件,(例如标签和文本字段以及帮助工具提示),我的应用程序中很多地方的结构相同,但验证,文本,和绑定的字段是不同的。

我是否应该努力学习灵活的指令并尽可能地重复使用它。或者我应该一遍又一遍地编写html来保持它的灵活性?

创建指令有哪些指导原则?

1 个答案:

答案 0 :(得分:0)

很难给出一般答案,因为这些决定通常是针对应用类型的。但是,如您所知,除非增加值,否则不应添加抽象。

因此,包装工具提示,标签和输入字段的指令可以通过减少将这些放置在页面上所花费的时间来增加价值。但是,如果需要进行表单验证,则需要从指令外部开始控制验证。正如您所说,这可能是灵活性变得重要的地方。

所以,显然需要取得平衡。

因此,最好的指导必须是从没有指令开始。等到你看到可以非常清楚地包裹起来的形状,然后转移到你知道会节省时间的抽象。