对大视图使用angular指令

Question

我现在参与了一些AngularJS项目，其中指令被广泛用于处理视图，最终会有大量的JavaScript。除非你将代码移到控制器中并将其绑定到指令，否则它感觉不是很正确并且它们也不是最容易测试的东西。

一个例子是作为指令创建的大型表单以及放置在此的大型链接函数。不太可测试，并且它仅在整个应用程序中使用过一次。

他们确实很好地分离了代码，因为你最终得到了像这样的代码

<h1>example Header</h1>

<custom-form form-data="somemodel"></cutom-form>

<p>Lots of other stuff here</p>

对于其他人如何处理指令和视图感兴趣，因为我首先认为指令应该是重用的小组件。

Answer 1

基本上，只有少数情况下我会实施指令，这些也是我试图坚持的规则

1. 我可以在项目的任何地方使用的常用可重用组件（例如，带有附加下拉菜单的时间输入指令允许选择时间单位，如秒/分钟/小时/天）
2. 扩展或修补第三方指令

大多数情况下，应该利用AngularJS MVC结构充分发挥其优势。