ホームページ >ウェブフロントエンド >jsチュートリアル >angularJS_AngularJS でルーターを使用するためのガイド

angularJS_AngularJS でルーターを使用するためのガイド

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 16:15:101441ブラウズ

私はここ数日間 angularjs と backbone を見ていて、Knockout と emberjs について多くのことを学びました。ちょうど angular のルーターのデモをオンラインで見たので、今書き留めています。

コードをコピーします コードは次のとおりです:





ルート


ルートデモインデックス


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

var RouteApp = angular.module('routeApp',[]);
RouteApp.config(['$routeProvider',function ($routeProvider) {
$routeProvider
.when('/list', {
TemplateUrl: 'list.html',
コントローラー: 'RouteListCtl'
})
.when('/list/:id', {
TemplateUrl: 'detail.html',
コントローラー: 'RouteDetailCtl'
})
.otherwise({
リダイレクト先: '/list'
});
}]);
//コントローラー
RouteApp.controller('RouteListCtl',function($scope) {
});
RouteApp.controller('RouteDetailCtl',function($scope, $routeParams) {
$scope.id = $routeParams.id;
});


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。