AngularJS中的Ng-view不起作用

Question

我有一個簡單的角度應用程序和兩個鏈接，我希望它們為我更改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'])

使用-無效。 我該怎么辦？

Answer 1

更改

var appControllers = angular.module('appControllers');

至

var appControllers = angular.module('appControllers',[]);

您的代碼正在嘗試獲取不存在的現有模塊。

從文檔中：

請注意，使用angular.module（'myModule'，[]）將創建模塊myModule並覆蓋任何名為myModule的現有模塊。 使用angular.module（'myModule'）檢索現有模塊。

AngularJS中的Ng-view不起作用

問題描述

1 個解決方案

解決方案1
3 已采納 2016-07-22 14:19:41

AngularJS中的Ng-view不起作用

問題描述

1 個解決方案

解決方案1 3 已采納 2016-07-22 14:19:41

解決方案1
3 已采納 2016-07-22 14:19:41