disable input angular reactive forms

YOU.com answered on June 25, 2021 Popularity 7/10 Helpfulness 4/10

answer disable input angular reactive forms

related reactive form disable

disable input angular reactive forms

Comment

import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';

@Component({
  selector: 'app-your-component',
  template: `
    <form [formGroup]="myForm">
      <input formControlName="name" placeholder="Name">
      <input formControlName="email" placeholder="Email">
    </form>
  `
})
export class YourComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      name: new FormControl({ value: '', disabled: true }), // Disable the name input field
      email: new FormControl({ value: '', disabled: true }), // Disable the email input field
    });
  }
}

Popularity 7/10 Helpfulness 4/10 Language typescript

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

Closely Related Answers

reactive form disable

Comment

this.form.controls['name'].disable(); // disable just name controller
or
this.form.disable(); // disable all

Popularity 10/10 Helpfulness 6/10 Language typescript

Source: Grepper

Tags: disable

Link to this answer
Share Copy Link

Contributed on Jun 25 2021

Anass Azeroual

0 Answers Avg Quality 2/10

disable input angular reactive forms

Contents

More Related Answers

disable input angular reactive forms

Closely Related Answers

reactive form disable

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.