How to disable a input in angular2

angular angular-reactive-forms disabled-input
Tampa picture Tampa · Feb 11, 2017 · Viewed 311.2k times · Source

In ts is_edit = true to disable...

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

I just simply want to disable a input based on true or false.

I tried following:

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

Answer

fedtuck picture fedtuck · May 3, 2017

Try using attr.disabled, instead of disabled

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

Related questions

Angular 4 - Reactive Forms enable/disable not working

I am having trouble enabling and disabling a form controls in my application. It is probably because the form is being enabled/disabled in an asynchronous context. Here is how the code is. user.component.html <form [formGroup]="form"&…

Read More
How to set value to form control in Reactive Forms in Angular

Hi Everyone I'm new to angular. Actually, I'm trying to subscribe data from a service and that data, I'm passing to form control of mine from (example, it's like an edit form). import { Component, OnInit } from '@angular/core'; import { …

Read More
Angular 5 Reactive Forms - Radio Button Group

I have 2 radio buttons, I'm using reactive forms and I have added the form controls within my component. The issue I am facing is that the name attribute has to be the same as the formControlName. When I set the …

Read More