level 12
我们是冠军😂
楼主
index.html
<!DOCTYPE html>
<html ng-app="phonecat">
<head>
<meta charset="UTF-8">
<script src="lib/angular/angular-1.3.0.js"></script>
<script src="js/route.js"></script>
<script src="js/controllers.js"></script>
<script src="js/app.js"></script>
<link rel="stylesheet" type="text/css" href="lib/bootstrapt/bootstrap.min.css">
</head>
<body >
<header>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">Angular Routing Example</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="#phones">phones</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
</header>
<div ng-view></div>
</body>
</html>
------------------------------华丽分割线--------------------------
app.js
angular.module('phonecat', ['ngRoute']).
config(function($routeProvider) {
$routeProvider
.when('/phones', {templateUrl: 'partials/phone-list.html', controller: 'PhoneListCtrl'})
.when('/contact', {templateUrl: 'partials/phone-detail.html', controller: 'PhoneDetailCtrl'})
.otherwise({redirectTo: '/phones'});
});
----------------------------------华丽分割线-------------------------
function PhoneListCtrl($scope) {
$scope.massage = 'hello';
}
function PhoneDetailCtrl($scope) {
$scope.massage = "world";
}
剩下的是那两个子页面
<p>{{ message }}</p>
都是一样的就这个
大神看看哪里错了，改来改去好几天了- -
2015年11月04日 07点11分
1
<!DOCTYPE html>
<html ng-app="phonecat">
<head>
<meta charset="UTF-8">
<script src="lib/angular/angular-1.3.0.js"></script>
<script src="js/route.js"></script>
<script src="js/controllers.js"></script>
<script src="js/app.js"></script>
<link rel="stylesheet" type="text/css" href="lib/bootstrapt/bootstrap.min.css">
</head>
<body >
<header>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">Angular Routing Example</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="#phones">phones</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
</header>
<div ng-view></div>
</body>
</html>
------------------------------华丽分割线--------------------------
app.js
angular.module('phonecat', ['ngRoute']).
config(function($routeProvider) {
$routeProvider
.when('/phones', {templateUrl: 'partials/phone-list.html', controller: 'PhoneListCtrl'})
.when('/contact', {templateUrl: 'partials/phone-detail.html', controller: 'PhoneDetailCtrl'})
.otherwise({redirectTo: '/phones'});
});
----------------------------------华丽分割线-------------------------
function PhoneListCtrl($scope) {
$scope.massage = 'hello';
}
function PhoneDetailCtrl($scope) {
$scope.massage = "world";
}
剩下的是那两个子页面
<p>{{ message }}</p>
都是一样的就这个
大神看看哪里错了，改来改去好几天了- -
