J'ai en dessous du code angulaire
<input id="orgNm" #orgName type="text" maxlength="50" placeholder="Add new organization"> <button class="addBtn" (click)="save(orgName,0)" [attr.disabled]="!orgNm"></button>
3 Réponses :
essayer en ajoutant comme ceci: [(ngmodel)] = "orgnm"
Je ne veux utiliser aucune référence du fichier TS
Acrourdement Modèle Référence Variable #orgname ne fonctionne pas sans réglage ngmodel
<input (change)="orgname.value = $event.target.value" type="text" maxlength="50" placeholder="Add new organization" #orgname> <button class="addBtn" (click)="save(orgName,0)" [disabled]="!orgname.value">add</button> stackblitz
C'est une bonne solution que je pense. Seulement, il ne mettra pas à jour en temps réel en utilisant (modifier) . Basculer vers (entrée) à la place et vous aurez des commentaires en direct sur le bouton :) Forked Your Stackbitz et monsieur mon idée.
je suis d'accord avec toi
Je ne sais pas que je reçois complètement ce que vous voulez dire, mais cela pourrait peut-être travailler pour vous? (Si je reçois cette question à droite).
<input #orgName
type="text"
maxlength="50"
placeholder="Add new organization"
(input)="orgName.value = $event.target.value">
<button class="addBtn"
(click)="save(orgName,0)"
[disabled]="!orgName.value">submit</button>
Pouvez-vous essayer avec [désactivé] au lieu de [attr.disabled]