Angularjs 页面未以角度更新
我正在使用angular（learning）创建一个测试项目网站，当我单击index.html页面上的test时，ng视图不会更新。在过去的两个小时里，我一直在网上寻找，并尝试了几种解决方案，但都没有效果。请帮助我做错事 index.htmlAngularjs 页面未以角度更新,angularjs,Angularjs,我正在使用angular（learning）创建一个测试项目网站，当我单击index.html页面上的test时，ng视图不会更新。在过去的两个小时里，我一直在网上寻找，并尝试了几种解决方案，但都没有效果。请帮助我做错事 index.html <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" /> <!-- A
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<!-- Angular References -->
<script src="Scripts/angular.min.js"></script>
<script src="Scripts/jcs-auto-validate.min.js"></script>
<script src="Scripts/angular-route.min.js"></script>
<!-- Bootstrap Core CSS -->
<script src="Scripts/jquery-1.9.1.min.js"></script>
<script src="Scripts/bootstrap.min.js"></script>
<link href="Content/bootstrap.min.css" rel="stylesheet" />
<link href="Content/font-awesome.min.css" rel="stylesheet" />
<!-- CSLMS App Angular References -->
<script src="CSLMS_app/app.js"></script>
<script src="CSLMS_app/Recipe_Values/ConstantValues.js"></script>
<script src="CSLMS_app/Controllers/indexController.js"></script>
<!-- Style Sheets -->
<link href="Content/Site.css" rel="stylesheet" />
</head>
<body ng-app="CSLMS_app">
<div ng-controller="indexController">
<!-- Top Navigation -->
<nav class="navbar navbar-dark bg-primary navbar-fixed-top" >
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">CS-LMS</a>
</div> <!-- /.navbar-header -->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a class="navbar-brand" href="#">Dashboard</a></li>
<li><a class="navbar-brand" href="#/Test">Test</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{user.username}}<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="javascript:;">Links</a></li>
<li><a href="javascript:;">Edit Profile</a></li>
<li role="separator" class="divider"></li>
<li><a href="javascript:;">Logout</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div ng-view></div>
</div>
</body>
</html>
'use strict';
app.controller('testController', ['$scope', '$route', function ($scope, $route) {
$scope.message = "Test ";
}])
'use strict';
app.controller('indexController', ['$scope', function ($scope) {
$scope.somedata = "That";
}]);
'use strict';
app.controller('testController', ['$scope', '$route', function ($scope, $route) {
$scope.message = "Test ";
}])
'use strict';
app.controller('indexController', ['$scope', function ($scope) {
$scope.somedata = "That";
}]);
这里只是一个猜测，但您可能希望移动此：
<script src="../CSLMS_app/Controllers/testController.js"></script>
退出Test.html并进入index.html的
<script src="CSLMS_app/Controllers/testController.js"></script>