Ansicht wird nicht gerendert - Ionic

Question

Ich versuche, Vorlagen in einer Hauptansicht zu rendern. Hier ist der Feed, der meine Hauptansicht ist.

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

Ich versuche, Opportunity in meinem Feed zu rendern. Hier ist der Code für Opportunity. Die Vorlage wird als card-opportunity.html genannt

<h1>Opportunity Details</h1> 

Im app.js ich die Ansichten für Gelegenheit aufgenommen haben. Ich verwende $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' 
    } 
    } 
}); 

Nicht sicher, was ich vermisse. In der Konsole ist kein Fehler aufgetreten. Ich verwende ionic: 3.7.0

Answer 1

https://github.com/angular-ui/ui-router/wiki/Nested-States-and-Nested-Views sagt dies: - "Kinder Staaten ihre Eltern laden ihre Vorlagen in ui-view"

Ich bin mir nicht sicher, ob eine Ansicht geladen wird, wenn Sie ihre ui-sref in ihrer Geschwisteransicht angeben. Warum erstellst du keinen neuen Status für die Opportunity, damit sie als Kind vom Feed geladen wird.

$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' 
    } 
    } 
});