Question

我有一个离子标签，例如：

  <ion-tab title="Network" icon-off="ion-person-stalker" icon-on="ion-person-stalker" href="#/tab/network">
    <ion-nav-view name="tab-network"></ion-nav-view>
  </ion-tab>

根据icon-off和icon-on属性显示正确的图标。

无论如何在选项卡内插入数字或动态内容而不是图标？

Answer 1

我所做的只是将我的动态内容放在title属性中。因此，在您的情况下，如果您想要“网络5”，html将如下所示：

<ion-tab title="Network {{model.tabBinding}}" icon-off="ion-person-stalker" icon-on="ion-person-stalker" href="#/tab/network">
<ion-nav-view name="tab-network"></ion-nav-view></ion-tab>

和JavaScript控制器：

$scope.model = { tabBinding: 5 }

<强>更新
上周我回答了一个单独的问题，这个问题有些相关，可能会有所帮助，具体取决于您（任何人）的标签设置方式。另一个问题是关于禁用选项卡，但可以使用相同的示例向选项卡提供其他内容。

Dynamically Enable a Disabled Tab

离子选项卡内的动态文本

1 个答案: