AngularJS 使用 templateHtml 的路径作为模块名称

AngularJS using path to templateHtml as module name

我注意到 AngularJS UI Bootstrap 使用以下模板方法:

angular.module("uib/template/progressbar/bar.html", []).run(["$templateCache", function($templateCache) {
  $templateCache.put("uib/template/progressbar/bar.html" }

所以我认为这是一个很好的解决方案,但是为每个模板创建模块的原因是什么 url 如 angular.module("uib/template/progressbar/bar.html"angular.module("uib/template/progressbar/progress.html"

它会给我们带来什么好处?

为每个模板单独设置一个模块将导致代码的适当分离。每个模块将处理每个模板的代码,并防止用户混合代码。一个职能或实体应该只履行自己的职责,而不是更多,这是一条普遍的规则。