ngRoute未按预期工作
ngRoute未按预期工作
提问于 2017-01-17 23:33:01
我正在尝试学习在angular中的路由，但我在显示适当的文本时遇到了一些问题。当我运行我的页面时，似乎一切都运行正常，但是，当我点击链接时，视图并没有从main.html变为second.html。
下面是我的一些代码片段。
<html ng-app="myApp">
<!-- load angular via CDN -->
<script src="https://code.angularjs.org/1.6.1/angular.min.js"></script>
<script src="https://code.angularjs.org/1.6.1/angular-route.min.js"></script>
<script src="app.js"></script>
</head>
<body>
<header>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" >AngularJS</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><i class="fa fa-home"></i> Home</a></li>
<li><a href="#/second"><i></i>Second</a></li>
</ul>
</div>
</nav>
</header>
<div class="container">
<div ng-view></div>
</div>
</body>
主要html内容：
<h1>This is main</h1>第二个html内容：
<h1>This is second</h1>app.js
var myApp = angular.module('myApp', ["ngRoute"]);
myApp.config(function($routeProvider) {
$routeProvider
.when("/", {
templateUrl: "pages/main.html",
controller: "mainController"
})
.when("/second", {
templateUrl: "pages/second.html",
controller: "secondController"
})
});
myApp.controller('mainController', ["$scope", "$log", "$location", function($scope, $log, $location) {
}]);
myApp.controller('secondController', ["$scope", "$log", "$location", function($scope, $log, $location) {
}]);回答 2
Stack Overflow用户
发布于 2017-01-17 23:52:24
Stack Overflow用户
发布于 2017-01-18 00:18:55
在index.html的第一行，您打开了一个<html>标记，但结束时使用的是</head>标记，另外，我建议您将ng-app="myApp"放在开始的<body>标记中，这样：
<head>
<!-- everything you need -->
</head>
<body ng-app="myApp">
<!-- and stuff -->
</body>如果在纠正这些错误后这仍然没有任何改变，我真的不知道问题出在哪里，一切看起来都很好。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41701094
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号