Angularjs 视图未被渲染-Ionic

我正在尝试在主视图中渲染模板。这是Feed，这是我的主要观点

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

在

app.js

中，我包含了opportunity的视图。我正在使用

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

不知道我错过了什么。控制台中没有错误。我使用的是爱奥尼亚：3.7.0 他说：-

“子州将其模板加载到其父州的ui视图中。” 如果您在其同级视图中提供其ui sref，我不确定视图是否会加载。为什么不为opportunity创建一个新状态，以便它作为提要的子级加载

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

---

发布你的模块code@Sajeetharan用代码更新。这就是你想要的吗？如果你提供人们可以用来重现问题的代码，你会得到更好的答案。该代码应该是…最小的-使用尽可能少的代码，仍然会产生相同的问题

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