レンダリングされないビュー - イオニック

Question

私はメインビュー内でテンプレートをレンダリングしようとしています。ここに私の主な見解であるフィードがあります。

<ion-view view-title="Feed"> 
    <ion-content scroll="true"> 
    <div ui-view="opportunity"></div> 
    </ion-content> 
</ion-view> 

私はフィードの中に機会を与えようとしています。機会のためのコードはここにあります。テンプレートは、私は機会のためのビューが含まれているapp.jsでcard-opportunity.html

<h1>Opportunity Details</h1> 

として命名されます。私は使用しています$stateProvider

$stateProvider 
.state('app.feed', { 
    url: '/feed', 
    views: { 
    'menuContent': { 
     templateUrl: 'templates/feed.html', 
     controller: 'FeedCtrl' 
    }, 
    'network' : { 
     templateUrl: 'templates/card-network.html', 
     controller: 'CardNetworkCtrl' 
    }, 
    'opportunity' : { 
     templateUrl: 'templates/card-opportunity.html', 
     controller: 'CardOpportunityCtrl' 
    } 
    } 
}); 

私が紛失しているものがわかりません。コンソールにエラーはありません。私はionic: 3.7.0

Answer 1

https://github.com/angular-ui/ui-router/wiki/Nested-States-and-Nested-Views を使用していますと、これは言う： -

「子供の状態は親のUIビューに自分のテンプレートをロードします。」 ui-srefを兄弟ビューで表示すると、ビューが読み込まれるかどうかわかりません。チャンスの新しい状態を作成して、フィードの子としてロードするのはなぜですか？

$stateProvider 
    .state('app.feed', { 
    url: '/feed', 
    views: { 
     'menuContent': { 
     templateUrl: 'templates/feed.html', 
     controller: 'FeedCtrl' 
     }, 
     'network' : { 
     templateUrl: 'templates/card-network.html', 
     controller: 'CardNetworkCtrl' 
     } 
    } 
}) 

.state('app.feed.opportunity',{ 
    url: '/opportunity', 
    views: { 
     'opportunity' : { 
      templateUrl: 'templates/card-opportunity.html', 
      controller: 'CardOpportunityCtrl' 
    } 
    } 
});