我有一个简单的angular应用程序和两个链接,我希望angular为我更改URL,并在同一个单页应用程序中显示每个链接的正确视图。但当我在主模块中添加控制器模块时,它不起作用!
app.js
'use strict';
var app = angular.module('app', ['ngRoute','ngResource','ngSanitize','ui.select','appControllers'])
.config(['$routeProvider',function($routeProvider){
$routeProvider
.when('/roles',{
templateUrl: '/views/roles.html',
controller: 'rolesController'
})
.otherwise(
{ redirectTo: '/views/index.html'}
);
}]);
index.html
<!DOCTYPE html>
<html ng-app="app">
<head>
<title>Spring boot and Angularjs Tutorial</title>
<link rel="stylesheet" href="/css/app.css">
<script src="/js/app.js"></script>
<script src="/js/controllers.js"></script>
</head>
<body>
<h2>Administrator Panel</h2>
<div class="home-section">
<ul class="menu-list">
<li><a href="#/report">Report</a></li>
<li><a href="#/roles">Roles</a></li>
</ul>
</div>
<div ng-view></div>
</body>
</html>
controllers.js
'use strict';
var appControllers = angular.module('appControllers');
appControllers.controller('rolesController', ['$scope', function($scope) {
$scope.headingTitle = "Roles List";
}]);
当app.js视图中没有"appControllers"时,它正在工作,但控制器不工作。
var app = angular.module('app', ['ngRoute','ngResource','ngSanitize','ui.select'])
什么都不管用。我该怎么办?
更改
var appControllers = angular.module('appControllers');
至
var appControllers = angular.module('appControllers',[]);
您的代码正在尝试获取一个不存在的现有模块。
来自文件:
请注意,使用angular.module('myModule',[])会创建模块myModule,并覆盖任何名为myModule的现有模块。使用angular.module("myModule")来检索现有模块。