首頁 >web前端 >js教程 >angularJS中router的使用指南_AngularJS

angularJS中router的使用指南_AngularJS

WBOY
WBOY原創
2016-05-16 16:15:101390瀏覽

這幾天看了angularjs和backbone,大看了解了knockout和emberjs,剛剛上網看到了一個angular的router的demo,現在順便記下來

複製程式碼 程式碼如下:





route

//這個重要是做IE的兼容,發現不管用,IE坑爹,你懂的

Route Demo index


>
<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>

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn