Angularjs 具有角度ui路由器的多个父视图

Angularjs 具有角度ui路由器的多个父视图,angularjs,angular-ui-router,Angularjs,Angular Ui Router,我有一个视图,它是两个视图的子视图。 我想有不同的网址来恢复它。(例如:#/activities/contact/12、#/search/contact/12等) 我还没有找到一种不重复州定义的方法 $stateProvider .state('main', { abstract: true, url: '/', controller: function() { }, templateUrl: 'main.abstract.html' })

我有一个视图,它是两个视图的子视图。 我想有不同的网址来恢复它。(例如:#/activities/contact/12、#/search/contact/12等)

我还没有找到一种不重复州定义的方法

  $stateProvider
  .state('main', {
    abstract: true,
    url: '/',
    controller: function() {

    },
    templateUrl: 'main.abstract.html'
  })
  .state('activities', {
    parent: 'main',
    url: 'activities',
    template: function() {
      return 'ACTIVITY TEMPLATE <br><br><a ui-sref="activities()">activity</a> <br/><a ui-sref="search()">search</a><br><br><a ui-sref="organization()">orga</a>';
    },
  })
  .state('search', {
    parent: 'main',
    url: 'search',
    template: function() {
      return 'SEARCH TEMPLATE <br><br><a ui-sref="activities()">activity</a> <br/><a ui-sref="search()">search</a><br><br><a ui-sref="organization()">orga</a>';

    },
  })
  .state('organization', {
      parent: 'main',
      url: '/contacts/:id',
      views: {
        "right@main": {
          template: function() {
            return 'orga loaded';
          }
        },
      }
  })
$stateProvider
.州('main'{
摘要:没错,
url:“/”,
控制器:函数(){
},
templateUrl:'main.abstract.html'
})
.陈述(“活动”{
父项:'main',
url:'活动',
模板:函数(){
返回“活动模板”


当用户单击“orga链接”时,应该将视图加载到红色bo中,但将当前父视图保留在绿色bo中。

“…将当前父视图保留在绿色bo中”我不理解这句话。你能解释更多吗?尝试你的plunker似乎一切都正常。