javascript - 初始化 Angular 模块和 Controller 的正确方法

Question

我正在尝试学习 angular.js，并且已经看到了几种不同的方法来初始化模块和 Controller 。

这是我发现如何通过调试一个我一直用作指导的网站来做到这一点。

var myApp = angular.module("myApp", []);
myApp.controller("myController", myController);

function myController($scope) {
     //some code
}

她是我在几个不同的教程中看到的一种方式

angular.moudule('myApp', []).controller('myController', function($scope){
    //some code
}

我知道这可能是个人偏好，但我想知道是否有更好的方法或更干净的方法来做到这一点。另外，如果有更好的方法，也请指出。

Answer 1

这两种方式有不止一个区别:

• 拥有全局变量
• 链接方法
• 内联回调函数

这为我们提供了两个示例中总共八种组合，这对每个组合进行了直接比较，这很乏味。使用您(和您的团队)认为最易读且适合项目的任何内容(例如，您是否需要代码中其他位置的 myApp 变量，例如从外部文件加载组件等)。如果您仍然无法做出决定，可以引用一些在线 Angular 风格指南，探索它们。