Getting span html in jeder Funktion - Angular JS

Question

Ich habe viele Span-Tags mit der gleichen Klasse. wie man die html von ihnen in jeder Funktion angular erhält. Bitte helfen Sie. Danke im Voraus!. Für zB:

<span class="amount">500</span> 
<span class="amount">1000</span> 

wie 500,1000 abrufen .... usw.

Answer 1

Wenn ich Ihre Frage richtig verstanden, benutzerdefinierte directive mit Isolat Umfang verwendet werden (die eine wiederverwendbare Komponente wirkt) in Ihrem Span-Tags, um den Betrag zu erhalten. siehe Code

Im folgenden Code habe ich die Variable $ scope array (2-Wege binded) verwendet und an die Direktive übergeben, die den Betrag aktualisiert. Ich habe nur den Einsatz $ timeout die Ergebnisse in Ihrem Controller

app.controller('MainCtrl', function($scope,$timeout) { 
    $scope.name = 'World'; 
    $scope.amountArray = []; 

    $timeout(function(){ 
    console.log('from controller',$scope.amountArray); 
    },2000); 

}); 

app.directive('getAmounts',function(){ 
    return{ 
    restirct:'A', 
    scope:{ 
     amountsContent:'=amountArray' 

    }, 
    link:function(scope,element,attrs){ 

     var amountValue = element.html(); 
     scope.amountsContent.push(amountValue); 
     console.log(scope.amountsContent); 

    } 
    } 
}); 

plunker