J'utilise angulaire-7 pour mon application Web. La vue détaillée est indiquée ci-dessous:
du code ci-dessus, lorsque data.rovecté" > Est-ce que 0 doit afficher inactif fort> et quand il est 1, il devrait afficher actif fort>. p> Comment puis-je atteindre cela dans l'entrée de texte? p> p>
p>
3 Réponses :
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>
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>
Vous pouvez utiliser [value] code> directive à cet effet associé à opérateur conditionnel ternaire code>
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 '" code>