我正在使用材料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>
答案 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