Il looping attraverso array non restituisce il risultato corretto

Question

Sto confrontando una variabile con un array: $scope.object.id e $scope.groepen.id con un'istruzione if dopo aver usato un ciclo for. Se $scope.object.id è esattamente uguale a uno degli ID di $scope.groepen.id, allora dovrebbe rendere quell'indice di vero.

Sto utilizzando un altro se è stato verificato per verificare se qualcosa di $scope.overlap è vero. Se un elemento di $scope.overlap è true, renderà $scope.bestaand true. Altrimenti dovrebbe renderlo falso.

for (var i = 0; i < $scope.groepen.length; i++) { 
    if ($scope.object.id === $scope.groepen[i].id) { 
    $scope.overlap[i] = true; 
    if ($scope.overlap[i]) { 
     $scope.bestaand = true; 
    } 
    else { 
     $scope.bestaand = false; 
    } 
    } 
    else { 
    $scope.overlap[i] = false; 
    } 
} 

mio log della console mi dimostra che $scope.overlap in effetti mostrano i valori corretti (quindi se non è lo stesso, tutti gli indici sono false). $scope.bestaand diventa vero se qualcosa è uguale, ma non cambia in falso.

che sto usando la validazione dei form angolare per mostrare se il controllo è in funzione o non mostrato qui:

<div class="col-md-3" ng-class="{ 'has-error' : bestaand }"> 
    <label class="control-label" for="textinput">Groepsnaam</label> 
    <input id="groepen" name="groepen" type="text" class="form-control input-md" ng-model="object.id" ng-minlength="4" ng-maxlength="16" ng-change="checkOverlap()" required> 
    <p ng-show="bestaand" class="help-block">Deze groepsnaam bestaat al!</p>        
</div> 

Che cosa sto facendo male qui?

Edit:

ho cambiato il luogo della mia se affermazioni. codice aggiornato mostrato qui:

registro

for (var i = 0; i < $scope.groepen.length; i++) { 
    if ($scope.object.id === $scope.groepen[i].id) { 
    $scope.overlap[i] = true; 
    } 
    else { 
    $scope.overlap[i] = false; 

    } 
    if ($scope.overlap[i]) { 
     $scope.bestaand = true; 
     console.log("works") 
    } 
    else { 
    $scope.bestaand = false; 
    console.log("doesnt work") 
    } 
} 

La console mi mostra questo:

Sembra che lo fa diventare vero, ma viene sovrascritto (ho in ingresso un valore che è la stessa come secondo valore dell'array). Se inserisco un valore uguale al valore LAST dell'array, funziona.

Answer 1

Il tuo problema è che hai allegato if ($scope.overlap[i]) { all'interno di if ($scope.object.id === $scope.groepen[i].id) { quindi $scope.overlap sarà sempre vero. Questo significa che $scope.bestaand sarà sempre impostato su true o lasciato come undefined. Che cosa si vuole realmente è -

for (var i = 0; i < $scope.groepen.length; i++) { 
    if ($scope.object.id === $scope.groepen[i].id) { 
    $scope.overlap[i] = true; 
    } 
    else { 
    $scope.overlap[i] = false; 
    } 
    if ($scope.overlap[i]) { 
    $scope.bestaand = true; 
    } 
    else { 
    $scope.bestaand = false; 
    } 
} 

Modifica Se si desidera impostare $scope.bestaand true se uno dei tuoi $scope.overlap elementi è vero allora si vuole qualcosa di un po 'diverso -

$scope.bestaand = false; 
for (var i = 0; i < $scope.groepen.length; i++) { 
    if ($scope.object.id === $scope.groepen[i].id) { 
    $scope.overlap[i] = true; 
    } 
    else { 
    $scope.overlap[i] = false; 
    } 
    if(!$scope.bestaand) { 
    if ($scope.overlap[i]) { 
     $scope.bestaand = true; 
    } 
    } 
} 

Answer 2

Questo è perché altro affermazione è irraggiungibile:

$scope.overlap[i] = true; 

if ($scope.overlap[i]) { 
    $scope.bestaand = true; 
} 
else { 
    console.log('UNREACHABLE'); 
    $scope.bestaand = false; 
} 

Come per la tua domanda modificata:

Il tuo $scope.bestaand indica un errore, quindi presumo che se è falso una volta non dovrebbe mai essere vero.

quindi è necessario riscrivere il ciclo come segue:

$scope.bestaand = false; 
for (var i = 0; i < $scope.groepen.length; i++) { 
    if ($scope.object.id === $scope.groepen[i].id) { 
    $scope.overlap[i] = true; 
    } else { 
    $scope.overlap[i] = false; 
    } 

    if ($scope.overlap[i] && !$scope.bestaand) { 
    $scope.bestaand = true; 
    } 
} 

Answer 3

perché non c'è nessun caso lo si imposta su false. if ($scope.object.id === $scope.groepen[i].id) è vero, allora hai già imposta overlap = true, se sovrapposizione è falso, non si imposta bastaan = false in ogni caso