Sinon si dans le modèle JS angulaire

Ici, c'est, mais vous devriez vraiment essayer d'éviter de disposer de ce type de logique compliquée à l'intérieur des modèles, en règle générale.

{{ data.sender == 'system' ? data.receiver : data.sender == 'mail' ? data.receiver : data.sender }}

Si vous avez besoin d'un elporif strong> dans un modèle angulaire, vous pouvez utiliser un opérateur ternaire comme dans C / C ++

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="quetion_app">

  <div ng-controller="quertion_controller">
    {{data}}
    <br>
    <br>
    {{ data.sender=='system'
    < 4 ? data.receiver : data.sender=='mail' ? data.receiver : data.sender}} </div>

  </div>

{{(data.sender === 'system' || data.sender === 'mail') ? data.receiver : data.sender}}

Il n'y a pas de syntaxe IF-else dans des modèles angulaires que vous recherchez. Trop de logique dans les modèles rend difficile la maintenance. Voici deux solutions possibles:

<span ng-switch="data.sender">
    <span ng-switch-when="mail">{{data.receiver}}</span>
    <span ng-switch-when="system">{{data.receiver}}</span>
    <span ng-switch-default>{{data.sender}}</span>
</span>

Ce type de logique appartient vraiment au contrôleur ou au service responsable de la configuration des données dans votre portée $. La placer dans votre vue apporte beaucoup de logique à la vue inutilement et provoque également que la logique doit être exécutée comme une montre à la fois coûteuse et inutile.

dans le code qui établit des données que vous pourriez avoir: < Pré> xxx

puis dans votre vue, vous liez au data.displayed (indicatif) Sender: xxx