有熟悉angularjs的大侠吗?有个路由的初级有关问题
有熟悉angularjs的大侠吗?有个路由的初级问题,求助
按照教程编写的代码,结果死活无法实现路由功能。上代码
HTML代码
---------------
<html>
<head><title>angularjs learning</title></head>
<body ng-app="myroute">
<a href="#/first">FIRST</a>
<a href="#/second">SECOND</a>
<a href="#/other">OTHER</a>
<div ng-view></div>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/angular-router.min.js"></script>
<script type="text/javascript" src="js/route.js"></script>
</body>
</html>
--------------
route.js代码
--------------
var myroute = angular.module('myroute', []);
myroute.controller('controller1', function(){});
myroute.controller('controller2', function(){});
// 路由设置
myroute.config(function($routeProvider) {
$routeProvider.when('/first',{templateUrl:'tpls/first.html',controller:'controller1'})
.when('/second',{templateUrl:'tpls/second.html',controller:'controller2'})
.otherwise({redirectTo:'tpls/third.html'})
});
求教大侠,究竟哪里写错了。拜谢!!
------解决思路----------------------
没有<script type="text/javascript" src="js/route.js"></script>
只是加载<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/angular-router.min.js"></script>
路由就可以用啊
------解决思路----------------------
var myroute = angular.module('myroute', []);//没有注入ngRoute模块吧
var myroute = angular.module('myroute', [‘ngRoute’]);//试下呢
按照教程编写的代码,结果死活无法实现路由功能。上代码
HTML代码
---------------
<html>
<head><title>angularjs learning</title></head>
<body ng-app="myroute">
<a href="#/first">FIRST</a>
<a href="#/second">SECOND</a>
<a href="#/other">OTHER</a>
<div ng-view></div>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/angular-router.min.js"></script>
<script type="text/javascript" src="js/route.js"></script>
</body>
</html>
--------------
route.js代码
--------------
var myroute = angular.module('myroute', []);
myroute.controller('controller1', function(){});
myroute.controller('controller2', function(){});
// 路由设置
myroute.config(function($routeProvider) {
$routeProvider.when('/first',{templateUrl:'tpls/first.html',controller:'controller1'})
.when('/second',{templateUrl:'tpls/second.html',controller:'controller2'})
.otherwise({redirectTo:'tpls/third.html'})
});
求教大侠,究竟哪里写错了。拜谢!!
------解决思路----------------------
没有<script type="text/javascript" src="js/route.js"></script>
只是加载<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/angular-router.min.js"></script>
路由就可以用啊
------解决思路----------------------
var myroute = angular.module('myroute', []);//没有注入ngRoute模块吧
var myroute = angular.module('myroute', [‘ngRoute’]);//试下呢