Question

我有script.js个文件，我写了这段代码：

var myapp = angular.module('myApp', [])
angular.element(document).ready(function () {
    myapp.controller('bikeController', function ($scope, $http) {
        $http.get("/Home/Angular").then(function mySucces(response) {
            $scope.words = ['It', 'is', 'what', 'it', 'is']
        });
    });
});

在head标签里面的index.cshtml文件中我放了

<script src="~/scripts/angular.js"></script>
<script src="~/scripts/angular-route.js"></script>
<script src="~/scripts/script.js"></script>

这些参考文献，但我得到了＆＃34;模块＆＃39; myapp＆＃39;不可用！＆＃34;错误。

此外，我试图加入<script src="https://code.angularjs.org/tools/system.js"></script>，但它无效。

我错过了哪一点？（Angularjs版本：1.5.8）

Answer 1

你应该改变它：

var myapp = angular.module('myApp', []);
myapp.controller('bikeController', function ($scope, $http) {
        $http.get("/Home/Angular").then(response) {
            $scope.words = ['It', 'is', 'what', 'it', 'is']
        });
    });
});

Answer 2

你需要在身体的末尾加载angularjs和script.js，就像这样 -

<body>
<div ng-app="myApp">
  <div ng-controller="bikeController">
    //your scopes here
  </div>
</div>


<script type="text/javascript" src="~/1.5.8/angular.js"></script>
<script type="text/javascript" src="~script.js"></script>

</body>

您也不需要准备好文档。由于您发出了$http请求，请确保在$scope.words块中包含显示ng-if的div，以便在请求完成后以html加载数据。

希望有所帮助！

Angularjs模块不可用

2 个答案: