角度js ng-routeを使用して効率的にページを書く方法

Question

次のコードを書くにはどうすればよいでしょうか？私はちょうど以下の "when"のショートカットが必要です。私は100回「いつ」を書くのか嫌いです。あなたが代わりにもっときれいにこれを達成するためにui-routerモジュールを使用することができます

var module = angular.module("sampleApp", ['ngRoute']); 

module.config(['$routeProvider', 
    function($routeProvider) { 
     $routeProvider. 
      when('/route1', { 
       templateUrl: 'angular-route-template-1.jsp', 
       controller: 'RouteController' 
      }). 
      when('/route2', { 
       templateUrl: 'angular-route-template-2.jsp', 
       controller: 'RouteController' 
      }). 
      otherwise({ 
       redirectTo: '/' 
      }); 
    }]); 

module.controller("RouteController", function($scope) { 

}) 

Answer 1

module.config(['$routeProvider', 'routes' 

    function($routeProvider, routes) { 
    // routes is the list of my routes 
    // e.g. 
    // routes = [{ 
    // url: '/about', 
    // options: { 
    //  templateUrl: '/about.html', 
    //  controller: 'AboutController as vm', 
    // } 
    // }] 

    routes.forEach(function(route) { 
     $routeProvider.when(route.url, route.options); 
    }); 

    $routeProvider. 
    otherwise({ 
     redirectTo: '/' 
    }); 
    } 
]); 

Answer 2

。

var myApp = angular.module('helloworld', ['ui.router']); 

myApp.config(function($stateProvider) { 
    var helloState = { 
    name: 'hello', 
    url: '/hello', 
    template: '<h3>hello world!</h3>' 
    } 

    var aboutState = { 
    name: 'about', 
    url: '/about', 
    template: '<h3>Its the UI-Router hello world app!</h3>' 
    } 

    $stateProvider.state(helloState); 
    $stateProvider.state(aboutState); 
}); 

あなたは（おそらく、独自のjsファイル内の）配列内のあなたの100「状態」オブジェクトを保存することができ、かつ$stateProvider.state(stateObject);をループして。