angularjs - ionic 选项卡内的动态文本

Question

我有一个 ionic 标签，示例:

  <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

我所做的只是将动态内容放在标题属性中。因此，在您的情况下，如果您想要“网络 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 Controller :

$scope.model = { tabBinding: 5 }

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

Dynamically Enable a Disabled Tab