首页 > web前端 > js教程 > 正文

angularJS中router的使用指南_AngularJS

WBOY
发布: 2016-05-16 16:15:10
原创
1364 人浏览过

这几天看了angularjs和backbone,大看了解了knockout和emberjs,刚刚上网看到了一个angular的router的demo,现在顺便记下来

复制代码 代码如下:





route

//这个重要是做IE的兼容,发现不管用,IE坑爹,你懂的

Route Demo index


">http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2pre/html5shiv.js">>
">http://cdnjs.cloudflare.com/ajax/libs/json2/20121008/json2.js">>

">http://localhost:81/js/angular.min.js">>
<script><br /> var routeApp = angular.module('routeApp',[]);<br /> routeApp.config(['$routeProvider',function ($routeProvider) {<br /> $routeProvider<br /> .when('/list', {<br /> templateUrl: 'list.html',<br /> controller: 'RouteListCtl'<br /> })<br /> .when('/list/:id', {<br /> templateUrl: 'detail.html',<br /> controller: 'RouteDetailCtl'<br /> })<br /> .otherwise({<br /> redirectTo: '/list'<br /> });<br /> }]);<br /> //controller<br /> routeApp.controller('RouteListCtl',function($scope) {<br /> });<br /> routeApp.controller('RouteDetailCtl',function($scope, $routeParams) {<br /> $scope.id = $routeParams.id;<br /> });<br /> </script>

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!