ng-si, pas égal à?

J'ai un simple ng-reapt qui affiche une liste de valeurs.. Sur certaines sorties, j'ai un couple de ng-si pour afficher/masquer les DIVs.

HTML:

<div ng-repeat="details in myDataSet">

    <p>{{ details.Name }}</p>
    <p>{{ details.DOB  }}</p>

       <div ng-if="details.Payment[0].Status == '0'">
           <p>No payment</p>
       </div>

       <div ng-if="details.Payment[0].Status == '1' || details.Payment[0].Status == '2'">
           <p>Late</p>
       </div>

       <div ng-if="details.Payment[0].Status == '3' || details.Payment[0].Status == '4' || details.Payment[0].Status == '5'">
           <p>Some payment made</p>
       </div>

       <div ng-if="details.Payment[0].Status == '6'">
           <p>Late and further taken out</p>
       </div>

       <div ng-if="details.Payment[0].Status != '0' || details.Payment[0].Status != '1' || details.Payment[0].Status != '2' || details.Payment[0].Status != '3' || details.Payment[0].Status != '4' || details.Payment[0].Status != '5' || details.Payment[0].Status != '6'">
           <p>Error</p>
       </div>

    <p>{{ details.Gender}}</p>

</div>

Mon application affiche une erreur lorsque vous tentez d'afficher le != section.

source d'informationauteur Oam Psy

Il est préférable d'utiliser ng-commutateur

<div ng-switch on="details.Payment[0].Status">
    <div ng-switch-when="1">
        <!-- code to render a large video block-->
    </div>
    <div ng-switch-default>
        <!-- code to render the regular video block -->
    </div>
</div>

Ici est une chouette solution avec un filtre:

app.filter('status', function() {

  var statusDict = {
    0: "No payment",
    1: "Late",
    2: "Late",
    3: "Some payment made",
    4: "Some payment made",
    5: "Some payment made",
    6: "Late and further taken out"
  };

  return function(status) {
    return statusDict[status] || 'Error';
  };
});

Balisage:

<div ng-repeat="details in myDataSet">
  <p>{{ details.Name }}</p>
  <p>{{ details.DOB  }}</p>
  <p>{{ details.Payment[0].Status | status }}</p>
  <p>{{ details.Gender}}</p>
</div>

3

Essayez ceci:
```
ng-if="details.Payment[0].Status != '6'".
```
Désolé, mais je pense que vous pouvez utiliser ng-show ou ng-hide.

Que tout est inutile de logique dans les partiels, la réduire à quelque chose de ce genre et à traiter vos données dans le contrôleur/service où il devrait être

<div ng-repeat="details in myDataSet">

    <p>{{ details.Name }}</p>
    <p>{{ details.DOB  }}</p>
    <p>{{details.Payment[0].StatusName}}</p>
    <p>{{ details.Gender}}</p>

</div>

JS:

angular.forEach(myDataSet.Payment, function (payment) {
  if(payment.Status === 0){
    payment.StatusName = 'No Payment';
  } else if(payment.Status === 1 || payment.Status === 2){
    payment.StatusName = 'Late';
  } else if(payment.Status === 3 || payment.Status === 4 || payment.Status === 5){
    payment.StatusName = 'Some payment made';
  } else if(payment.Status === 6){
    payment.StatusName = 'Late and further taken out';
  }else{
    payment.StatusName = 'Error';
  }
})

Essayer ci-dessous la solution

ng-if="details.Payment[0].Status != '0'"

Use below condition(! prefix with true condition) instead of above

ng-if="!details.Payment[0].Status == '0'"

1

Je n'aime pas les "hacks", mais dans une petite pincée de délai, j'ai fait ce
```
<li ng-if="edit === false && filtered.length === 0">
    <p ng-if="group.title != 'Dispatcher News'" style="padding: 5px">No links in group.</p>
</li>
```
Oui, j'ai une autre intérieure imbriquée ng-si, je n'aimais pas trop les conditions sur une seule ligne.
0

Il y a assez de bonnes solutions ici, mais ils n'aident pas à comprendre pourquoi le problème se produit effectivement.

Mais c'est très simple, vous avez juste besoin de comprendre comment la logique OU || œuvres. Toute expression d'évaluer à true lorsque l'un de ses côtés évalue à true.

Maintenant passons à votre cas. Assumer toute la details.Payment[0].Status est Status et c'est un numéro pour des raisons de concision. Ensuite, nous avons Status != 0 || Status != 1 || ....

Imaginer Status = 1:
```
( 1 != 0 || 1 != 1 || ... ) =
(  true  || false  || ... ) =
(       true       || ... ) = ... = true
```
Maintenant, imaginez Status = 0:
```
( 0 != 0 || 0 != 1 || ... ) =
( false  ||  true  || ... ) =
(       true       || ... ) = ... = true
```
Comme vous, il n'a même pas d'importance ce que vous avez comme ... logique OR des deux premières expressions vous donne true qui sera le résultat de l'expression complète.

Ce que vous avez réellement besoin est logique AND && qui sera vrai que si les deux ses côtés sont true.

Vous devez vous connecter pour publier un commentaire.