javascript - AngularJS module.directive 响应不一致

Question

我有 3 个指令，它们使用略有不同的算法来解析输入值。

angular.module('numeric', []).directive('doublesrange', function() {...} );   
angular.module('numeric', []).directive('integersrange', function() {...} );  
angular.module('numeric', []).directive('doublesnorange', function() {...} );  

它们基本上解析文本框中的值。

<td><input ng-model="odSphere" class="doublesnorange" minvalue="-25" maxvalue="25"></td>  

问题是，只有“doublesnorange”在响应。我在开发过程中看到了所有这三个工作，但是当我添加第三个时，另外两个停止工作。当我取消更改时，他们也没有回应。

指令内容有效，如果我将“doublesrange”代码放在“doublesnorange”下，它将执行。有谁知道为什么前两个无法响应？

Answer 1

问题是，每次调用 angular.module('numeric', []) numeric 模块都会被重新声明。您只需声明一次，稍后再引用。

要引用模块，您不应使用第二个参数:angular.module('numeric')。所以正确的代码是:

angular.module('numeric', []).directive('doublesrange', function() {...} );   
angular.module('numeric').directive('integersrange', function() {...} );  
angular.module('numeric').directive('doublesnorange', function() {...} );  

您可以更进一步，使用链接为单个模块声明多个指令:

angular.module('numeric', [])
    .directive('doublesrange', function() {...} )
    .directive('integersrange', function() {...} )
    .directive('doublesnorange', function() {...} );