<离子选项卡标题>更新 Angularjs

Question

是否有一种方法可以使用angular语法来更新ion-tab的标题?

我已经试过了title="{{Account}}"

<ion-tab id="tabSettings" title="Account" icon-off="ion-settings" icon-on="ion-settings" href="#/tab/account">
    <ion-nav-view name="tab-account"></ion-nav-view>
</ion-tab>

这是相互依存的链接:http://codepen.io/TimothyKrell/pen/bnukj

Answer 1

恰好演示

离子选项卡的标题可以通过使用angular双向绑定语法来动态更新。

Tabs.html

<ion-tab title="{{tab1Title}}" icon="ion-home" href="#/tab/home">
</ion-tab>

tabCtrl.js

app.controller('TabsCtrl', function($scope) {
      $scope.tab1Title="Home";
});