Angleが状態から解決できません

Question

私はjhipsterを使ってアプリケーションを生成しました。同じエンティティを使用する2つの異なるタイプのフォームを追加しようとしました（エンティティのすべてのフィールドを使用せず、

今、それがために大丈夫作品：

.state('xyz', { 
     parent: 'entity', 
     url: '/xyz', 
     data: { 
      authorities: ['ROLE_USER'], 
      pageTitle: 'xyzs' 
     }, 
     views: { 
      'content@': { 
       templateUrl: 'app/entities/xyz/xyzs.html', 
       controller: 'XyzController', 
       controllerAs: 'vm' 
      } 
     }, 
     resolve: { 
     } 
    }).state('xyz.new', { 
     parent: 'xyz', 
     url: '/new', 
     data: { 
      authorities: ['ROLE_USER'] 
     }, 
     onEnter: ['$stateParams', '$state', '$uibModal', function($stateParams, $state, $uibModal) { 
      $uibModal.open({ 
       templateUrl: 'app/entities/xyz/xyz-dialog.html', 
       controller: 'XyzDialogController', 
       controllerAs: 'vm', 
       backdrop: 'static', 
       size: 'lg', 
       resolve: { 
        entity: function() { 
         return { 
          ... 
         }; 
        } 
       } 
      }).result.then(function() { 
       $state.go('xyz', null, { reload: true }); 
      }, function() { 
       $state.go('xyz'); 
      }); 
     }] 
    }) 

そして、それは大丈夫動作しますが、私はそれを小さなビットと使用変更する場合：

.state('xyz', { 
     parent: 'entity', 
     url: '/xyz', 
     data: { 
      authorities: ['ROLE_USER'], 
      pageTitle: 'xyzs' 
     }, 
     views: { 
      'content@': { 
       templateUrl: 'app/entities/xyz/xyzs.html', 
       controller: 'XyzController', 
       controllerAs: 'vm' 
      } 
     }, 
     resolve: { 
     } 
    }).state('a-xyz.new', { 
     parent: 'xyz', 
     url: '/a/new', 
     data: { 
      authorities: ['ROLE_USER'] 
     }, 
     onEnter: ['$stateParams', '$state', '$uibModal', function($stateParams, $state, $uibModal) { 
      $uibModal.open({ 
       templateUrl: 'app/entities/xyz/a-xyz-dialog.html', 
       controller: 'XyzDialogController', 
       controllerAs: 'vm', 
       backdrop: 'static', 
       size: 'lg', 
       resolve: { 
        entity: function() { 
         return { 
          ... 
         }; 
        } 
       } 
      }).result.then(function() { 
       $state.go('xyz', null, { reload: true }); 
      }, function() { 
       $state.go('xyz'); 
      }); 
     }] 
    }) 

をそして、私は私の ui-sref="xyz.new" を変更しました〜 ui-sref="a-xyz.new" htmlテンプレート

私はgettin gエラー：

Error: Could not resolve 'a-xyz.new' from state 'xyz' 
transitionTo@http://localhost:9000/bower_components/angular-ui-router/release/angular-ui-router.js:3180:17 
go@http://localhost:9000/bower_components/angular-ui-router/release/angular-ui-router.js:3108:14 
clickHook/</transition<@http://localhost:9000/bower_components/angular-ui-router/release/angular-ui-router.js:4158:9 
timeout/timeoutId<@http://localhost:9000/bower_components/angular/angular.js:19157:28 
completeOutstandingRequest@http://localhost:9000/bower_components/angular/angular.js:5869:7 
Browser/self.defer/timeoutId<@http://localhost:9000/bower_components/angular/angular.js:6145:7 

Answer 1

ドット表記は基本的に親状態の子状態を示すために使用されます。ネストされたビュー/状態をよりよく理解するために、このリンクを参照することができます。

Nested Views

この通過します：

Why Parent State must exist

一つの親が複数の子の状態を持つことができます。したがって、親状態が 'xyz'の場合、複数の子状態を 'xyz.a'、 'xyz.b'、 'xyz.c'などとすることができます。