angularjs - ionic 标签内的动态文本

我有一个 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 属性显示正确的图标。

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

最佳答案

我所做的只是将我的动态内容放在 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 Controller :

$scope.model = { tabBinding: 5 }

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

Dynamically Enable a Disabled Tab

关于angularjs - ionic 标签内的动态文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36020244/