String-Vergleich in AngularJS

Question

Ich versuche, zwei Strings in AngularJS zu vergleichen, und ich habe Beispiele online gesehen. Wie ich es verstehe, können Sie angular.equals (str1, str2), können Sie verwenden ===, können Sie verwenden == Wenn Sie sicher sind, dass beide Zeichenfolgen sind ...

Ich habe alles versucht drei, aber ich bekomme das Ergebnis nicht. Irgendetwas muss in dem, was ich getan habe, falsch sein, aber ich weiß nicht, was es ist.

Wenn ich den Code ausführen, wird die Inc1() - Funktion aufgerufen. Die erste Warnung erscheint "inc1 called". Aber die zweite Warnung "Inside for loop" wird nur einmal ausgeführt. Es sollte zweimal ausgeführt werden, oder?

Und die Warnung innerhalb der if (Bedingung) wird überhaupt nicht ausgeführt. Wenn ich den "if" -Block entferne, wird der Alarm "Inside for loop" zweimal ausgeführt.

Ich wäre sehr dankbar, wenn mir jemand sagen könnte, was ich hier falsch mache. Ich habe angular.equals(), === und == verwendet, aber das gleiche passiert jedes Mal.

Dies ist, wie die HTML und AngularJS Codes gehen:

HTML:

<a class="tab-item" ng-repeat = "x in items" ng-if="name==x.names" ng-click="inc1(name)"> 
    <i class="icon ion-thumbsup"></i> 
    Like 
</a> 

AngularJS:

$rootScope.items = [ 
{ id: 1, names: 'Dolphin', image: 'dolphin.jpg'}, { id: 2, names: 'Donkey', image: 'donkey.jpg'}]; 

$scope.inc1 = function(name) { 

alert("inc1 called"); 
for(var i=0;i<$rootScope.items.length;i++) 
{ 
    alert("Inside for loop"); 
    if (name === $rootScope.items.names[i]) 
     { 
     alert("If condition satisfied"); 
     } 
} 
} 

// Sprich Name ist 'Dolphin'

Answer 1

Sie Iterieren über falschen Knoten :)

for(var i=0;i<$rootScope.items.length;i++) 
{ 
    alert("Inside for loop"); 
    if (name === $rootScope.items[i].names) // you iterate over items, not names, which it an Json property inside item 
     { 
     alert("If condition satisfied"); 
     } 
} 

Answer 2

Sie sollten mit dem $ rootScope.items [i] .name statt $ rootScope.items.names [i]

Answer 3

Das Problem Vergleich ist, dass Name Allways undefined $ scope.name ist nicht definiert . In der Ansicht statt ng-click = "inc1 (name)" put ng-click = "inc1 (x.name)".