0
votes

Angulaire - Comment changer l'état d'entrée de texte

J'utilise angulaire-7 pour mon application Web. La vue détaillée est indiquée ci-dessous:

 entrée de texte xxx

du code ci-dessus, lorsque data.rovecté" > Est-ce que 0 doit afficher inactif et quand il est 1, il devrait afficher actif .

Comment puis-je atteindre cela dans l'entrée de texte?


2 commentaires

Utiliser un attribut désactivé


Voulez-vous voir le texte "inactif" / "actif" à la place de "1" / "0" dans l'entrée? Si oui, peut-être un ternaire? [(ngmodel)] = "Data.Revered === 1? Active ':' inactif '"


3 Réponses :


1
votes

Comme Chellappan suggéra dans les commentaires, utilisez l'attribut code> désactivé code> pour le faire.

ici, donnez-le à essayer: p>

<div class="col-xs-4">
  <div class="form-group">
    <label for="responded">Quote Status</label>
    <input 
      type="text" 
      [readonly]="data.responded == 0"
      class="form-control" 
      id="responded" 
      name="responded"
      [(ngModel)]="data.responded" />
  </div>
</div>


0 commentaires

0
votes

Je suppose que vous souhaitez que la valeur du champ de saisie de devis change en fonction de la valeur des données. Si tel est le cas, vous pouvez lier la propriété de valeur du champ d'entrée à l'aide d'un opérateur ternaire:

<div class="col-xs-4"> <div class="form-group"> <label for="responded">Quote Status</label> <input type="text" class="form-control" id="responded" name="responded" readonly [value]="!!data.responded ? 'Active' : 'Inactive'"/> </div> </div>


0 commentaires

0
votes

Vous pouvez utiliser [value] directive à cet effet associé à opérateur conditionnel ternaire xxx blockQuote>

Stackblitz Demo


0 commentaires