AngularJS使用模板HTML的路径作为模块名

我注意到AngularJS UI引导对模板使用以下方法：

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”

等

---

它将给我们带来什么好处？

为每个模板分别设置一个模块将导致代码的正确分离。每个模块将为每个模板处理代码，并防止用户混合代码。这是一条非常普遍的规则，即一个函数或实体只应履行自己的职责，而不应承担更多的职责