將角度材質文本的mdTab綁定到作用域屬性

Question

我正在使用材質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> 

Answer 1

查看文件：

<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文件：（控制器）

$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