Angularjs if/else

<div class="company_name" ng-controller="CompanyName">
 <h1 class="left">
     {{data.company_name}}
 </h1>
</div>

Ce que je voudrais faire est de faire en sorte que si des données.company_name n'a pas été ajoutée par le biais d'un champ de saisie, il montre un espace réservé "nom de Société", comment cela peut être fait en utilisant angularjs?

OriginalL'auteur Xeen | 2013-09-10

  1. 29

    Vous pouvez utiliser ng-si et faire quelque chose comme

    <div class="company_name" ng-controller="CompanyName">
 <h1 class="left">
     <span ng-if="data.company_name === ''">
       //Some placeholder
     </span>
     <span ng-if="data.company_name !== ''">
       {{data.company_name}}
     </span>
 </h1>
</div>

    BTW ngIf est une nouvelle directive ajouté dans v1.1.5 ainsi, vous pourriez avoir besoin de mettre à niveau votre angulaire version

    Voir mon plunker ici : http://plnkr.co/edit/qiN2XshEpay6e6zzhUKP

    Qui n'a pas vraiment de travail, l'espace est toujours là et ne disparaît pas lorsque je commence à taper.
    J'ai ajouté un Plunker à ma réponse pour vous d'être en mesure de tester
    Merci beaucoup, qui a fait le tour!

    OriginalL'auteur Nicolas ABRIC

  2. 1

    Une façon de garder le code propre est d'utiliser un filtre. Ce morceau de code ajoute une classe à un onglet actif.

    var filters = angular.module('filters');
filters.filter('ie', function(){
  return function(v, yes, no){
      return v ? yes : no;
  };
});

    Modèle

    <li class="{{activeTab == 'home' | ie: 'active-class':''}}">
    Home
</li>

    OriginalL'auteur Kristo Aun

  3. 1

    Pour l'Utilisation de ng-if, ng-else-if, et ng-else dans votre projet de l'utilisation de ce:

    https://github.com/zachsnow/ng-elif

    OriginalL'auteur Aqib Mumtaz

  4. 0

    Vous pouvez utiliser ng-si condition pour vérifier le nom de l'entreprise vlaue. Prenons l'exemple de 

     <span ng-if="driver.status_flag == 1">
    <i ngif="{{driver.status_flag}}" class="icon-ok-sign icon-2x link" style="color:#090" href="#" title="Payment received" ></i>
 </span>

    Dans l'exemple ci-dessus, j'ai ajouté la condition status_flag valeur est de 1 alors à l'intérieur de la durée de la valeur de montrer. De même avec votre affaire, vous pouvez ajouter une instruction comme

    <span ng-if="data.company_name === ''">
        <i ngif="{{driver.status_flag}}" class="icon-ok-sign icon-2x link" style="color:#090" href="#" title="Payment received" ></i>
     </span>

    OriginalL'auteur Nikunj K.