javascript - Angular 模块名称中的点是什么意思

Question

我是这个领域的新手。当我阅读一些代码时 https://plnkr.co/edit/YeahrG28bT2izX8gMKor?p=preview我发现如果我不把 'myApp.dashboard','myApp.value' 放在 angular.module('myApp', ['myApp.dashboard','myApp.value ']); 它不会起作用。

如果我这样写:

(function() {
  angular.module('myApp', []);
})();

(function() {
  angular.module('myApp.dashboard', ['myApp.value']);
})();

(function() {
  angular.module('myApp.value', []);
})();

它也不起作用。

你能告诉我这里的点是什么意思以及为什么 angular.module('myApp.dashboard', ['myApp.value']); 不起作用吗？

抱歉，这段代码实在是乱七八糟，我也没有做太多，只是为了测试。

(function() {
  angular.module('myApp', ['myApp.dashboard','myApp.value']);
})();

(function() {
  angular.module('myApp.dashboard', []);
})();

(function() {
  angular.module('myApp.value', []);
})();

(function() {
  'use strict';
  angular.module('myApp.value').factory('whichToShow', function() {
    alert("running2");
    var logged = true;
    return {
      getVar: function() {
        return logged;
      },
      setVar: function(value) {
        logged = value;
      }

    };
  });
})();

(function() {
  'use strict';
  angular.module('myApp.dashboard').controller('mainControl', mainControl);

  mainControl.$inject = ['whichToShow'];
  alert("running1");

  function mainControl(whichToShow) {
    this.logged = whichToShow.getVar();
    alert("this.logged");
  }
})();

补充:第二个问题我不该问，我在别处搞错了，抱歉。

Answer 1

它实际上是一种可以遵循的编码风格，以消除命名冲突。

Use unique naming conventions with separators for sub-modules.

Why?: Unique names help avoid module name collisions. Separators helpdefine modules and their submodule hierarchy. For example app may beyour root module while app.dashboard and app.values may be modules thatare used as dependencies of app.

引用John Papa Angular 风格指南 Style Y021

我还建议您清楚地了解 angular 中每个组件的样式指南，如上面 John Papa 的 Github repo 中所建议的那样。