无法让ng-controller在angular应用程序中工作
我刚刚开始自己学习web开发，我遇到了一个问题，我的整个应用程序或者仅仅是一个控制器都不能合作。
在prototype.js中，我声明应用程序：
var cds = angular.module('cds', ['ngRoute']);
cds.config(function($routeProvider) {
$routeProvider
.when('/', {
controller: 'appCtrl',
templateUrl: 'partials/login.html'
})
.otherwise({
redirectTo: '/'
});
});
cds.controller('appCtrl', ['$scope', function($scope) {
$scope.pageClass = 'page-login';
$scope.list = [
{name: 'One', description: 'I'},
{name: 'Two', description: 'II'},
{name: 'Three', description: 'III'},
{name: 'One More', description: 'Extra'}
];
}]); 在我的HTML文件中：
<!DOCTYPE html>
<html ng-app='cds'>
<head>
<title>References</title>
<meta charset="utf-8">
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script src="js/prototype.js"></script>
<style type="text/css">
@import url("styles.css");
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.css">
</head>
<body ng-controller='appCtrl' onload="align()" onresize="align()">
{{ pageClass }}
<div ng-view></div>
<div id="dropdown">
<button class="drop-btn">Options</button>
<div class="dropdown-content">
<a href="#/body_diagram"><img src="img/header.menu.png"></a>
</div>
</div>
</body>
</html>由于某些原因，{{ pageClass }}甚至不会在控制器中显示我分配给它的值，更不用说ng-view元素了。之前，我遵循了一个非常老的路由教程，该应用程序只使用angular.module('myApp', ...)声明，所有的控制器都是独立于angular应用程序的独立函数，对我来说一切都很好。然而，在从angular 1.0.7跳到1.5.8之后(这是一个很长的故事，而且是一个新手错误)，我尝试更新样式并清理我的代码，结果就是这样。我觉得我在这里遗漏了一些非常基本的东西。
编辑：
原来我忘了包括ng-route。德尔普。现在一切都运行得很完美。谢谢大家！
回答 2
Stack Overflow用户
发布于 2016-08-13 09:06:51
看起来你缺少ngRoute模块。您可以通过CDN链接：
http://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-route.min.js
这是一个添加了依赖项的fiddle。
Stack Overflow用户
发布于 2016-08-13 09:11:19
嘿，一定要包括ngRoute，也许把脚本包括在正文的底部……通过这样做让你的小提琴工作起来
https://stackoverflow.com/questions/38928056
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号