En ts is_edit = true
para deshabilitar ...
<input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2">
Simplemente quiero deshabilitar una entrada basada en true
o false
.
Intenté lo siguiente:
[disabled]="is_edit=='false' ? true : null"
[disabled]="is_edit=='true'"
[disabled]="is_edit"
Respuestas:
Intenta usar
attr.disabled
, en lugar dedisabled
fuente
disabled
es igualtrue
ofalse
attr.disabled
funciona cuandodisabled
no?Creo que descubrí el problema, este campo de entrada es parte de una forma reactiva (?), Ya que lo has incluido
formControlName
. Esto significa que lo que está intentando hacer al deshabilitar el campo de entradais_edit
no funciona, por ejemplo, su intento[disabled]="is_edit"
, que en otros casos funcionaría. Con su formulario debe hacer algo como esto:y perder
is_edit
todo por completo.si desea que el campo de entrada esté deshabilitado de forma predeterminada, debe configurar el control de formulario como:
Aquí hay un saqueador
fuente
Simplemente podrías hacer esto
fuente
Si desea que la entrada se deshabilite en alguna declaración. uso
[readonly]=true
o enfalse
lugar de deshabilitado.fuente
Nazir
no hay problemafuente
[disabled]="is_edit"
directamente. ¿Por qué laisDisabled()
función?Supongo que quisiste decir en
false
lugar de'false'
Además,
[disabled]
está esperando aBoolean
. Debe evitar devolver anull
.fuente
Una nota en respuesta al comentario de Belter sobre la respuesta aceptada de fedtuck arriba, ya que me falta la reputación para agregar comentarios.
Esto no es cierto para ninguno de los que conozco, de acuerdo con los documentos de Mozilla
Cuando el atributo desactivado está presente, el elemento se desactiva independientemente del valor. Mira este ejemplo
fuente
Prefiero esta solucion
En archivo HTML:
En el archivo TS:
fuente
Lo que está buscando está deshabilitado = "verdadero" . Aquí hay un ejemplo:
fuente
disabled
atributo HTML y DOM es un "atributo booleano", lo que significa que solo se debe especificar el nombre del atributo, o su valor debe ser igualdisabled
, por ejemplo,disabled="disabled" - it does not recognize the values of
verdadero` ofalse
, pordisabled="false"
lo que aún hará que el elemento se deshabilite.Manifestación
Marca
is_edit
de tipo booleano.fuente
Desactivar TextBox en Angular 7
fuente
Y también si el cuadro / botón de entrada debe permanecer deshabilitado, entonces simplemente
<button disabled>
o<input disabled>
funciona.fuente
Deshabilitado
Select
en angular 9.Una cosa es tener en cuenta que el trabajo deshabilitado con
boolean
valores en este ejemplo, estoy usando el(change)
evento con laselect
opción si el país no está seleccionado, la región estará deshabilitada.archivo find.component.ts
find.component.html
fuente
puede usar simplemente como
Lo tengo así. así que prefiero
fuente