我有一个 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 属性显示正确的图标。
是否可以在选项卡中插入数字或动态内容而不是图标?
最佳答案
我所做的只是将动态内容放在标题属性中。因此,在您的情况下,如果您想要“网络 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 }
更新
上周我回答了一个单独的问题,该问题有些相关,并且可能会有所帮助,具体取决于您(任何人)选项卡的设置方式。另一个问题是关于禁用选项卡,但可以使用相同的示例向选项卡提供其他内容。
关于angularjs - ionic 选项卡内的动态文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36020244/