ui-router

1270 ワード
アングラー
AngularJSでは、ネストされたルーティングビューの開発が完了しないため、angularUIが提供するui-routerサービスを使用する組み込みのルーティングサービスが提供されています.
ui-routerを使用する場合は、angularJSのライブラリの後に導入する必要があります.

ui-view:このコマンドは、ルーティングのビューをラベル に し、 なるルーティングビューがラベル の を き えます.

ルーティングの :ui-routerの はng-routerの とほぼ じで、ui-routerがステータスを しているだけです.$stateProviderのstateメソッドは、ルーティングのidと、JSONオブジェクトで されたルーティングアドレス、ルーティングテンプレートまたはルーティングテンプレートアドレス、およびそのルーティングで されるコントローラを する
angular.module('app').config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRouterProvider){
$stateProvider.state('main',{
    url: '/main',  //    
    templateUrl: 'view/main.html',  //       
    controller: 'mainCtrl'   //          
})
//         ，     main    
$urlRouterProvider.otherwise('main');
}])

ui-routerパラメータ
urlアドレスでパラメータを す がある は、urlプロパティの に/:パラメータ を けるだけでよい
$stateProvider.state('main',{
    url: '/main/:id',  //id      
    templateUrl: 'view/main.html',
    controller: 'mainCtrl'  
})
[C++]継承とオブジェクト向け設計
#jq コマンドで #JSON 配列の個数を調べる例