Wie kann ich einen Wert innerhalb von ng-repeat nach der Wiederholung ändern?

Question

Ich habe einen JSON, der mir die Arbeitserfahrung eines Benutzers liefert. Aber Land und Stadt ist in einem Codeformat (TR, DE etc.) zur Verfügung gestellt I ng-repeat bin mit ihnen wie diese

in html passiert

<div ng-repeat="e in experiences"> 
    <span>{{e.Name}}</span> 
    <span ng-init="changeCodeToFullName(e.Country)">{{vm.CountryFullName[$index]}}</span> 
</div> 

I ng-init bin mit konvertieren Country Code zu voll Name. changeCodeToFullName ist ein von mir geschriebener eckiger Dienst. Ist das eine korrekte Methode? Wenn dies der Fall ist, kann ich nicht auf das Dom zugreifen, um den CountryFullName-Wert zu ändern. Ich habe versucht, auf sie in JS-Datei wie vm.CountryFullName[0]="TEST" zuzugreifen, aber es hat nicht funktioniert. Ich muss e.Country-Variable nach verwenden, daher kann ich den ursprünglichen .e.Country-Wert nicht ändern.

Wie kann ich auf eine Variable innerhalb von ng-repeat zugreifen, nachdem ng-repeat abgeschlossen wurde?

Answer 1

Wie über eine benutzerdefinierte mit filter:

<div ng-repeat="e in experiences"> 
    <span>{{e.Name}}</span> 
    <span>{{e.Country | changeCodeToFullName}}</span> 
</div> 

angular.module('App').filter('changeCodeToFullName', function(YourService) { 
    return function(country) { 
     return YourService.getFullCountryName(country) 
    } 
}) 

Hier ein Beispiel: http://codepen.io/rustydev/pen/YWyqJB

Answer 2

Dies ist eine Möglichkeit - aber dieser ngInit Wert wird nicht repariert, wenn die Liste aktualisiert wird. Warum formatiert werden nicht nur die Daten im JSON-Request-Response - wie zum Beispiel:

$http.get("json.json").success(function(data) { 
    $scope.exeriences = data.map(function(obj) { 
     //Format results; 
     if (obj.Country == "DE") { 
      obj.Country = "Germany"; //etc 
     } 
     return obj; 
    }); 
});