So deaktivieren Sie eine Eingabe in angle2

In ts is_edit = truezu 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 trueoder deaktivieren false.

Ich habe Folgendes versucht:

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

Versuchen Sie es mit attr.disabledstattdisabled

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

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_editnicht funktioniert, z. B. Ihr Versuch [disabled]="is_edit", der in anderen Fällen funktionieren würde. Mit Ihrem Formular müssen Sie Folgendes tun:

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

und is_editinsgesamt verlieren .

Wenn das Eingabefeld standardmäßig deaktiviert werden soll, müssen Sie das Formularsteuerelement wie folgt festlegen:

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

Hier ist ein Plunker

Sie könnten dies einfach tun

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

Wenn Sie möchten, dass die Eingabe für eine Anweisung deaktiviert wird. verwenden [readonly]=trueoder falsestatt deaktiviert.

<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;
}

Ich nehme an, du meintest falsestatt'false'

Auch [disabled]erwartet ein Boolean. Sie sollten vermeiden, a zurückzugeben null.

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

deaktiviert ist gleich wahr oder falsch

Wenn das Attribut disabled vorhanden ist, wird das Element unabhängig vom Wert deaktiviert. Siehe dieses Beispiel

<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"/>

Ich bevorzuge diese Lösung

In der HTML-Datei:

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

In der TS-Datei:

dynamicVariable = false; // true based on your condition 

Was Sie suchen, ist deaktiviert = "wahr" . Hier ist ein Beispiel:

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

Demo

make is_editvom Typ boolean.

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

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

Deaktivieren Sie TextBox in 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>

Und auch wenn das Eingabefeld / die Schaltfläche deaktiviert bleiben muss, dann einfach <button disabled>oder <input disabled>funktioniert.

Deaktiviert Selectin Winkel 9.

Beachten Sie, dass die Arbeit mit booleanWerten in diesem Beispiel deaktiviert ist. Ich verwende das (change)Ereignis mit der selectOption, wenn das Land nicht ausgewählt ist. Die Region wird deaktiviert.

find.component.ts Datei

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>

kann einfach wie verwenden

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

Ich habe es so verstanden. also bevorzuge ich.