这几天看了angularjs和backbone，大看了解了knockout和emberjs，刚刚上网看到了一个angular的router的demo，现在顺便记下来
[url=http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2pre/html5shiv.js"></script]http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2pre/html5shiv.js"></script[/url]>
<script src="[url=http://cdnjs.cloudflare.com/ajax/libs/json2/20121008/json2.js"></script]http://cdnjs.cloudflare.com/ajax/libs/json2/20121008/json2.js"></script[/url]>
<div ng-view></div>
<script src="[url=http://localhost:81/js/angular.min.js"></script]http://localhost:81/js/angular.min.js"></script[/url]>
<script>
var routeApp = angular.module('routeApp',[]);
routeApp.config(['$routeProvider',function ($routeProvider) {
$routeProvider
.when('/list', {
templateUrl: 'list.html',
controller: 'RouteListCtl'
})
.when('/list/:id', {
templateUrl: 'detail.html',
controller: 'RouteDetailCtl'
})
.otherwise({
redirectTo: '/list'
});
}]);
//controller
routeApp.controller('RouteListCtl',function($scope) {
});
routeApp.controller('RouteDetailCtl',function($scope, $routeParams) {
$scope.id = $routeParams.id;
});
</script>
</body>
</html>
//list.html
运行下面代码
[url=#/list/{{ id }}]
</li>
</ul>
//detail.html
运行下面代码
<hr/>
<h3>Route <span style="color: red;">{{id}}</span>: detail.html </h3>
代码就这些了，希望小伙伴们能够喜欢。
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
