javascript - 交换 AngularJS 语法导致错误

Question

所以我制作网站已经有一段时间了，但只是真正用于显示和信息的东西。我想尝试一下 AngularJs，所以我遵循了 Codeschool 上的指南。当我根据在线文档意识到我使用的语法不被推荐时，我在该应用程序上工作了一两天。当我尝试转换它时，出现错误。这是我旧的工作代码:

(function(){
    var angular.module('builder', []) = angular.module('builder', []);

    app.controller('BuildController', function(){
        this.sections = sectionArray;
    });

})();

我也改变了它:

function() {

        angular.module('builder', []).controller('BuildController', BuildController);

        function BuildController(){
            this.sections = sectionArray;
        }
}();

还有更多，但这是一个简单的示例，因为我在 BuildController 中遇到了错误。这是我收到的错误:

Error: [ng:areq] http://errors.angularjs.org/1.4.4/ng/areq?p0=BuildController&p1=not%20a%20function%2C%20got%20undefined
    at Error (native)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js:6:416
    at pb (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js:22:41)
    at Sa (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js:22:128)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js:80:25
    at N (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js:59:447)
    at K (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js:60:287)
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js:54:326)
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js:54:349)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js:53:388

我将非常感谢任何人能够提供的任何帮助，因为我对此感到非常烦恼。

谢谢!

Answer 1

我不明白为什么你认为你的第一个片段更糟糕。它使用 IIFE图案。 IIFE 可以避免全局上下文的污染，它们通常在 Angular 中使用。

为了使第二个代码段正常工作，请删除封闭的函数:

angular.module('builder', [])
    .controller('BuildController', ['$scope', function ($scope) {
        $scope.sections = [];
    }]);

请注意，第二个代码片段中的函数周围没有括号。因此，它被视为函数声明，而不是立即调用的函数表达式 (IIFE)。尝试正确封装函数:

(function() {

    angular.module('builder', []).controller('BuildController', BuildController);

    function BuildController(){
        // ...
    }
})();