Question

让我们想象一下，我正在构建一个双标签Ionic应用程序。有一个Dashboard选项卡（tab-dahs）和一个Search选项卡（tab-search）。

我的搜索标签显示了一个组列表。当我点击一个组时，我会访问它的详细信息。

我的路由器代码是这样的：

.state('app.group', {
    cache: false,
    url: '/group',
    views: {
      'tab-search': {
        templateUrl: 'templates/groups/group.html',
        controller: 'GroupCtrl'
      }
    },
    data: {
      authenticate: true
    },
    params: {
      group: undefined
    }
  })

我为其中包含ui-sref链接的组编写了一个组件，以便在点击它时访问group.html模板：

.component('GroupListItem', {
  bindings: {
    group: '<'
  },
  template:
  `
    <div class="item item-avatar item-icon-right byf-group-item" ui-sref="app.group({group: $ctrl.group})">
      ...
    </div>
  `,
  controller: function() {}
});

到目前为止一切正常。现在我希望其中一些组显示在我的仪表板中。

所以我重用了组件，但是当我点击一个组时，我遇到了两个问题：

详细信息显示在“搜索”视图中而不是“仪表板”视图
当然是第1点的直接结果，有时候数据没有显示，我放松了后退箭头

我应该如何编写我的状态或我的ui-sref链接，以便根据前一个视图，在适当的视图中显示详细信息状态？

****更新****

这是一个CodePen来说明我的问题：codepen

动态显示不同视图中的状态

0 个答案: