相关疑难解决方法(0)

UI路由器:多个独立视图

我觉得这是一个直接的用例,ui-router但也许我错过了一些东西......

我希望两个独立的视图彼此相邻,由他们自己的菜单控制.当我单击ui-sref一个菜单上的链接(或者$state.go就此而言)时,我想只更新其中一个视图.此外,两个视图中只有一个需要反映在url.

我试着定义几个状态:

$stateProvider
.state('home', {
  url: '/',
  views: {
    'viewA': {
      template: "I'm number A!"
    },
    'viewB': {
      template: "It's good to be B."
    }
  }
})
.state('shouldOnlyChangeA', {
  'url': '',
  views: {
    'viewA': {
       template: 'Check out my new shoes!'
     }
  }
})
.state('shouldOnlyChangeB', {
  'url': '/shouldGoToNewUrl',
  views: {
    'viewB': {
       template: "This probably won't work..."
     }
  }
});
Run Code Online (Sandbox Code Playgroud)

现在按下$state.go('shouldOnlyChangeA')您最喜爱的控制器并观察它改变了废话viewB.我也想省略url这种状态下的定义,因为url只应该在我定义的第一和第三状态之间改变. …

angularjs angular-ui angular-ui-router

6
推荐指数
1
解决办法
2896
查看次数

标签 统计

angular-ui ×1

angular-ui-router ×1

angularjs ×1