将角度材质文本的mdTab绑定到范围属性

时间:2016-04-29 17:38:06

标签: angularjs scope bind angular-material

我正在使用材料mdTabs。我试图用一个数组的长度更新标签文本。我希望在更改数组长度时更新此数字。

在第一次加载时,它可以正常工作,但一旦数组更改,选项卡就不会更新。

<md-tabs  md-dynamic-height md-border-bottom >
                <md-tab label="Selected Content({{selectedContent.length}})">
                    <md-content class="md-padding">

                        </md-content>
                </md-tab>            
</md-tabs>

1 个答案:

答案 0 :(得分:0)

查看文件:

<md-tabs md-dynamic-height md-border-bottom flex>
<md-tab label="Selected Content 1 ({{data.length}})">
  <md-content class="md-padding" flex style="background-color:red">
    <md-button ng-click="add()">Push</md-button>
    <md-button ng-click="remove()">Pop</md-button>
    {{data}}
  </md-content>
</md-tab>
</md-tabs>

JS FIle :(控制器)

$scope.data = [];
$scope.i = 0;

$scope.add = function(){
    $scope.data.push($scope.i);
    $scope.i++;
}

$scope.remove = function(){
    $scope.data.pop();
    $scope.i--;
}

试试这段代码。它工作正常。有关工作示例,请参阅以下链接。 http://codepen.io/next1/pen/aNRMam