Angular:无法实例化模块

时间:2015-02-13 19:19:39

标签: javascript html angularjs client-side

所以我刚开始使用Angular,由于某种原因,angular会抛出一个错误,说我的模块不可用。

https://docs.angularjs.org/error/ $注射器/ NOMOD?P0 = plopApp

到目前为止,这是我的代码:(超级基本没有实际功能)

@section scripts{
<script src="/Scripts/branding/views.js" type="text/javascript"></script>
}

<h2>Branding Management</h2>
<div ng-app="plopApp">
    <div ng-controller="BrandingController">
        <div></div>
        <div></div>
        <div></div>
    </div>
</div>

分开views.js

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

mod.controller('BrandingController', ['$scope', function ($scope) {
    $scope.greeting = 'Hola!';
}]);
});

提前致谢!

编辑:我忘了添加我的项目确实引用了角度库

1 个答案:

答案 0 :(得分:2)

你永远不会实际调用包含angular.module的调用的函数。

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

    mod.controller('BrandingController', ['$scope', function ($scope) {
        $scope.greeting = 'Hola!';
    }]);
})() // parentheses call this function

我还要说这种包装是不必要的,因为你不需要分配给mod并且也可以使用angular.module('plopApp')来阅读它,但这种风格也没有任何内在错误。