Question

如何复制标签的内容？

嗨，我是离子的新手。我有两个名为“仪表板”和“朋友”的标签。我基本上希望两个选项卡的内容相同并共享相同的视图和控制器。如果我点击“dahsaboard”的内容，它必须是“朋友”的相同内容，反之亦然。我想要做的是，当用户点击任何标签时，您可以获得标签的名称，例如，如果我点击“仪表板”，您必须返回单词“dashboard”，与标签相同“朋友“，我该怎么做？。

非常感谢

.state('tab.dash', {
  url: '/dash',
  views: {
    'tab-dash': {
      templateUrl: 'tab-dash.html',
      controller: 'DashCtrl'
    }
  }
})

.state('tab.friends', {
  url: '/friends',
  views: {
    'tab-friends': {
      templateUrl: 'tab-dash.html',
      controller: 'DashCtrl'
    }
  }
})


<ion-tab title="Dashboard" icon="icon ion-home" href="#/tab/dash">
  <ion-nav-view name="tab-dash"></ion-nav-view>
</ion-tab>


<ion-tab title="Friends" icon="icon ion-heart" href="#/tab/friends">
  <ion-nav-view name="tab-friends"></ion-nav-view>
</ion-tab>

Answer 1

您可以将 on-select 事件用于ion-tabs更改事件

<ion-tab on-select="doSomeForcontent('Friends')"  title="Friends" icon="icon ion-heart" href="#/tab/friends">
  <ion-nav-view name="tab-friends"></ion-nav-view>
</ion-tab>

并在控制器中，

$scope.doSomeForcontent = function(value){
  check here for tab name and do the logic
}

如何复制选项卡的内容？

1 个答案: