Binden Sie mdTabs von eckigem Material an eine Bereichseigenschaft

Question

Ich verwende Material mdTabs. Ich versuche, den Tab-Text mit der Länge eines Arrays zu aktualisieren. Ich möchte, dass diese Nummer aktualisiert wird, wenn die Länge des Arrays geändert wird.

Beim ersten Laden funktioniert es gut, aber sobald sich das Array ändert, wird die Registerkarte nicht aktualisiert.

<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

View File:

<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-Datei: (Controller)

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

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

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

diesen Code Versuchen. Es funktioniert gut. Unter dem folgenden Link finden Sie ein Arbeitsbeispiel. http://codepen.io/next1/pen/aNRMam