我的项目中有两个基本文件,我正在尝试访问HTML中的Angular控制器。我尝试了很多变化,包括移动脚本,重命名文件等。如果我将core.js代码直接放在HTML中的脚本中,它就可以工作了。但是一旦我将它放在单独的文件中,我就会收到“No module:NavSpot”错误。有什么想法吗?
dashboard.html
<!DOCTYPE html>
<html ng-app="NavSpot">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
<script src="core.js"></script>
</head>
<body>
<div ng-controller="mainController">
<h1> {{ test }} </h1>
</div>
</body>
</html>
core.js
var app = angular.module('NavSpot', []);
app.controller('mainController', ['$scope', function($scope) {
$scope.test = "this is a test";
}]);
文件结构:
NavSpot
- public
- - css
- - images
- - js
- - less
- - vendor
- views
- - dashboard.html
- - core.js
- app.js
- server.js