angularJSでインポートされたモジュールで定義されたルートを使用する

Question

コントローラをモジュール化して、そのビューをベアコンポーネントにしたいとしましょう。私の考えは、このモジュールで '/ login' URLに応答するためのルートを定義したいと思うことです。

var routes = [ 
    { 
     "key": "aes", 
     "value": { 
      "abstract": true, 
      "url": "", 
      "templateUrl": "modules/logincliente/views/common-layout.html", 
      "controller": "commonLayoutController as commonLayoutC" 
     } 
    }, 
    { 
     "key": "aes.loginCliente", 
     "value": { 
      "url": "/login", 
      "views": { 
       "content": { 
        "controller": "LoginClienteController as loginClienteC", 
        "templateUrl": "modules/logincliente/views/loginCliente.html" 
       } 
      } 
     } 
    } 
]; 

このモジュールをアプリケーションにインポートすると、正常に動作するはずです。今、私のアプリケーションはaes.loginCliente状態が存在しないと言っています。

Answer 1

はい、動作するはずですが、$stateProviderに州を登録する必要があります。

しかし、外部モジュールの後にロードされた "コア"モジュールでabstract状態を定義する場合、抽象状態では動作しないことがあります。

することは、このような何か試してみてください：だから

// this module can be loaded externally, before the other one 
angular.module('aes.loginClient', []) 
.config(function($stateProvider){ 
    $stateProvider.state('login', { 
    url: "/login", 
    "controller": "LoginClienteController as loginClienteC", 
    "templateUrl": "modules/logincliente/views/loginCliente.html"  
    }); 
}); 


angular.module('aes', ['aes.loginClient']) 
.config(function($stateProvider){ 
    $stateProvider.state('home', { 
    url: "/", 
    templateUrl: "modules/home/views/home.html", 
    controller: "commonLayoutController as commonLayoutC"  
    }); 
});