mdマテリアルテキストのタップをスコーププロパティにバインドする

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