2015年5月7日木曜日

AngularJSで、ルーティング(Routing)

AngularJSで、ルーティング(Routing)です。ngRouteというモジュールを別途、読み込んで利用するらしいです。ソースを見れば、なんとなくわかるような気もします(笑)。

var phonecatApp = angular.module('phonecatApp', ['ngRoute', 'phonecatControllers']);

phonecatApp.config(['$routeProvider',

function($routeProvider) {
  $routeProvider.
  when('/phones', {
    templateUrl: 'partials/phone-list.php',
    controller: 'PhoneListCtrl'
  }).
  when('/phones/:phoneId', {
    templateUrl: 'partials/phone-detail.php',
    controller: 'PhoneDetailCtrl'
  }).
  otherwise({
    redirectTo: '/phones'
  });
}]);

実際に設定してみたサイトがこちら



参考サイト
ngRoute(AngularJS)

0 件のコメント:

コメントを投稿