Angular Js Filter funktioniert nicht mit Javascript Additions-Operator

Question

ich mit kantigem Js spielte, als ich auf folgende Frage kam

<li ng-repeat="x in capitals | orderBy:'capital'"> 
{{ x.country|uppercase}} : {{ x.capital|uppercase}} 
</li> 

Werke aber

<li ng-repeat="x in capitals | orderBy:'capital'"> 
{{ x.country|uppercase+ ":" + x.capital|uppercase}} 
</li> 

dose't Arbeit

Ist Gibt es irgendwelche Arbeiten?

Answer 1

Das funktioniert nicht, wie Sie addition operator in Ausdruck nicht verwenden können. Sie können Ihren benutzerdefinierten Filter schreiben und diesen verwenden. Überprüfe die folgende Geige.

jsfiddle.net/7nzot7jh/ 

Answer 2

die Antwort gefunden Dies ist meine benutzerdefinierten Filter

 app.filter('alterCap',function() 
     { 
      return function(x) 
      { 
       var i, c, txt = ""; 
       for (i = 0; i < x.length; i++) { 
        c = x[i]; 
        if (i % 2 == 0) { 
         c = c.toUpperCase(); 
        } 
        txt += c; 
       } 
       return txt; 
      }; 
     }); 

Und in meinem Controller habe ich

app.controller("myCtrl",function($scope,$filter){ 
       $scope.capitals = [ 
       {country:'India',capital:'Delhi'}, 
       {country:'Sri Lanka',capital:'Colombo'}, 
       {country:'Afganistan',capital:'Kabul'}, 
       {country:'Bhutan',capital:'Norway'}, 
       {country:'Nepal',capital:'Thimphu'}, 
       {country:'Japan',capital:'Tokyo'}, 
       {country:'China',capital:'Beijing'}, 
       {country:'Russia',capital:'Moscow'}, 
       {country:'USA',capital:'Washington, D.C.'} 
       ]; 
       $scope.applyAlterCap = function(movie){ 
        return $filter('alterCap')(movie); 
       }; 
      }); 

Nun ging ich Filter in meinem Gesichtsausdruck als

 <p>Using Custom Filter with addition operator inside expression</p> 
     <ul> 
      <li ng-repeat="x in capitals | orderBy:'capital'"> 
       {{ applyAlterCap(x.country) + ":" + x.capital }} 
      </li> 
     </ul> 

verwenden kann

Answer 3

{{ x.country + ":" + x.capital}}