In ts is_edit = true
zu deaktivieren ...
<input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2">
Ich möchte einfach nur eine Eingabe basierend auf true
oder deaktivieren false
.
Ich habe Folgendes versucht:
[disabled]="is_edit=='false' ? true : null"
[disabled]="is_edit=='true'"
[disabled]="is_edit"
Antworten:
Versuchen Sie es mit
attr.disabled
stattdisabled
quelle
disabled
gleichtrue
oderfalse
attr.disabled
arbeiten, wenndisabled
nicht?Ich denke, ich habe das Problem herausgefunden, dieses Eingabefeld ist Teil einer reaktiven Form (?), Da Sie eingeschlossen haben
formControlName
. Dies bedeutet, dass das, was Sie durch Deaktivieren des Eingabefelds versuchen,is_edit
nicht funktioniert, z. B. Ihr Versuch[disabled]="is_edit"
, der in anderen Fällen funktionieren würde. Mit Ihrem Formular müssen Sie Folgendes tun:und
is_edit
insgesamt verlieren .Wenn das Eingabefeld standardmäßig deaktiviert werden soll, müssen Sie das Formularsteuerelement wie folgt festlegen:
Hier ist ein Plunker
quelle
Sie könnten dies einfach tun
quelle
Wenn Sie möchten, dass die Eingabe für eine Anweisung deaktiviert wird. verwenden
[readonly]=true
oderfalse
statt deaktiviert.quelle
Nazir
kein Problemquelle
[disabled]="is_edit"
direkt verwenden. Warum dieisDisabled()
Funktion?Ich nehme an, du meintest
false
statt'false'
Auch
[disabled]
erwartet einBoolean
. Sie sollten vermeiden, a zurückzugebennull
.quelle
Eine Notiz als Antwort auf Belters Kommentar zu Fedtucks akzeptierter Antwort oben, da mir der Ruf fehlt, Kommentare hinzuzufügen.
Dies gilt nicht für die mir bekannten, gemäß den Mozilla-Dokumenten
Wenn das Attribut disabled vorhanden ist, wird das Element unabhängig vom Wert deaktiviert. Siehe dieses Beispiel
quelle
Ich bevorzuge diese Lösung
In der HTML-Datei:
In der TS-Datei:
quelle
Was Sie suchen, ist deaktiviert = "wahr" . Hier ist ein Beispiel:
quelle
disabled
Attribut ist ein "boolesches Attribut", was bedeutet, dass nur der Attributname angegeben werden muss - oder sein Wert muss gleich seindisabled
, z. B.disabled="disabled" - it does not recognize the values of
true` oderfalse
- , wodurchdisabled="false"
das Element weiterhin deaktiviert wird.Demo
make
is_edit
vom Typ boolean.quelle
Deaktivieren Sie TextBox in Angular 7
quelle
Und auch wenn das Eingabefeld / die Schaltfläche deaktiviert bleiben muss, dann einfach
<button disabled>
oder<input disabled>
funktioniert.quelle
Deaktiviert
Select
in Winkel 9.Beachten Sie, dass die Arbeit mit
boolean
Werten in diesem Beispiel deaktiviert ist. Ich verwende das(change)
Ereignis mit derselect
Option, wenn das Land nicht ausgewählt ist. Die Region wird deaktiviert.find.component.ts Datei
find.component.html
quelle
kann einfach wie verwenden
Ich habe es so verstanden. also bevorzuge ich.
quelle