angular2

Question

निष्क्रिय करने के लिए ts is_edit = true में में एक इनपुट अक्षम कैसे करें ...

<input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2"> 

मैं बस true या false के आधार पर एक इनपुट को निष्क्रिय करना चाहते।

मैं निम्नलिखित की कोशिश की:

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

Answer 1

attr.disabled उपयोग करने का प्रयास करने की बजाय disabled

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

Answer 2

मुझे लगता है आप false बजाय 'false'

इसके अलावा मतलब, [disabled] एक Boolean उम्मीद कर रही है। आपको null लौटने से बचना चाहिए।

Answer 3

Demo

प्रकार बूलियन की is_edit बनाते हैं।

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

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

Answer 4

मुझे लगता है कि मैं इस समस्या है, इस इनपुट क्षेत्र एक प्रतिक्रियाशील प्रपत्र का हिस्सा है (?) पता लगा, जब से तुम formControlName शामिल किया है। इसका अर्थ यह है कि is_edit के साथ इनपुट फ़ील्ड को अक्षम करके आप जो करने का प्रयास कर रहे हैं, वह काम नहीं कर रहा है, उदाहरण के लिए आपके प्रयास [disabled]="is_edit", जो अन्य मामलों में काम करेगा।

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

और is_edit पूरी तरह खो देते हैं: अपने फ़ॉर्म के साथ आप कुछ इस तरह करने की जरूरत है।

आप इनपुट क्षेत्र डिफ़ॉल्ट के रूप में निष्क्रिय किया जा करना चाहते हैं, आप के रूप में प्रपत्र नियंत्रण स्थापित करने की आवश्यकता:

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

यहाँ एक plunker

Answer 5

<input [disabled]="isDisabled()" id="name" type="text"> 

export class AppComponent { 
    name:string; 
    is_edit : boolean = false; 


isDisabled() : boolean{ 
    return this.is_edit; 
} 
} 

Answer 6

आप जो खोज रहे हैं वह अक्षम = "सत्य" है।

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

Answer 7

ऊपर fedtuck's accepted answer पर Belter की टिप्पणी के जवाब में एक नोट के बाद से मैं टिप्पणियां जोड़ने के लिए प्रतिष्ठा की कमी है,: यहाँ एक उदाहरण है।

यह नहीं सच किसी भी जिनमें से मैं वाकिफ हूँ के लिए, लाइन में Mozilla docs

विकलांग को सही या गलत

अक्षम विशेषता मौजूद है तत्व परवाह किए बिना अक्षम किया गया है के बराबर होती है के साथ है मूल्य का।this example

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

Answer 8

आप बस कर सकता देखें इस

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