Cómo deshabilitar una entrada en angular2

En ts is_edit = truepara 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 trueo false.

Intenté lo siguiente:

[disabled]="is_edit=='false' ? true : null"
[disabled]="is_edit=='true'"
[disabled]="is_edit"

Intenta usar attr.disabled, en lugar dedisabled

<input [attr.disabled]="disabled ? '' : null"/>

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 entrada is_editno funciona, por ejemplo, su intento [disabled]="is_edit", que en otros casos funcionaría. Con su formulario debe hacer algo como esto:

toggle() {
  let control = this.myForm.get('name')
  control.disabled ? control.enable() : control.disable();
}

y perder is_edittodo por completo.

si desea que el campo de entrada esté deshabilitado de forma predeterminada, debe configurar el control de formulario como:

name: [{value: '', disabled:true}]

Aquí hay un saqueador

Simplemente podrías hacer esto

<input [disabled]="true" id="name" type="text">

Si desea que la entrada se deshabilite en alguna declaración. uso [readonly]=trueo en falselugar de deshabilitado.

<input [readonly]="this.isEditable" 
    type="text" 
    formControlName="reporteeName" 
    class="form-control" 
    placeholder="Enter Name" required>

<input [disabled]="is_edit" id="name" type="text">
<button (click)="is_edit = !is_edit">Change input state</button>

export class AppComponent {
  is_edit : boolean = false;
}

Supongo que quisiste decir en falselugar de'false'

Además, [disabled]está esperando a Boolean. Debe evitar devolver a null.

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

deshabilitado es igual a verdadero o falso

Cuando el atributo desactivado está presente, el elemento se desactiva independientemente del valor. Mira este ejemplo

<input placeholder="i can be changed"/>
<input disabled placeholder="i can NOT be changed"/>
<input disabled="true" placeholder="i can NOT be changed"/>
<input disabled="false" placeholder="i can NOT be changed"/>

Prefiero esta solucion

En archivo HTML:

<input [disabled]="dynamicVariable" id="name" type="text">

En el archivo TS:

dynamicVariable = false; // true based on your condition 

Lo que está buscando está deshabilitado = "verdadero" . Aquí hay un ejemplo:

<textarea class="customPayload" disabled="true" *ngIf="!showSpinner"></textarea>

Manifestación

Marca is_editde tipo booleano.

<input [disabled]=is_edit id="name" type="text">

export class App {
  name:string;
  is_edit: boolean; 
  constructor() {
    this.name = 'Angular2'
    this.is_edit = true;
  }
}

Desactivar TextBox en Angular 7

<div class="center-content tp-spce-hdr">
  <div class="container">
    <div class="row mx-0 mt-4">
      <div class="col-12" style="padding-right: 700px;" >
          <div class="form-group">
              <label>Email</label>
                <input [disabled]="true" type="text" id="email" name="email" 
                [(ngModel)]="email" class="form-control">
          </div>
     </div>
   </div>
 </div>

Y también si el cuadro / botón de entrada debe permanecer deshabilitado, entonces simplemente <button disabled>o <input disabled>funciona.

Deshabilitado Selecten angular 9.

Una cosa es tener en cuenta que el trabajo deshabilitado con booleanvalores en este ejemplo, estoy usando el (change)evento con la selectopción si el país no está seleccionado, la región estará deshabilitada.

archivo find.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-find',
  templateUrl: './find.component.html',
  styleUrls: ['./find.component.css']
})
export class FindComponent implements OnInit {
  isCountrySelected:boolean;

  constructor() { }
  //onchange event disabled false
 onChangeCountry(id:number){
   this.isCountrySelected = false;
 }
  ngOnInit(): void {
    //initially disabled true
    this.isCountrySelected = true;
  }

}

find.component.html

//Country select option
<select  class="form-control"  (change)="onChangeCountry()" value="Choose Country">
                    <option value="">Choose a Country</option>
                    <option value="US">United States</option>
                     
</select>
//region disabled till country is not selected 
<select class="form-control" [disabled]="isCountrySelected">
                    <option value="">Choose a Region</option>
                    <option value="">Any regions.</option>
                    
                </select>

puede usar simplemente como

     <input [(ngModel)]="model.name" disabled="disabled"

Lo tengo así. así que prefiero