<ion-tab 标题> 更新 angularjs

Question

有没有办法使用角度语法更新 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

Plunker Demo

ion-tab 的标题可以通过使用 Angular 双向绑定 synatx 来动态更新。

Tabs.html

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

tabCtrl.js

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