Reactive forms – disabled attribute

by

I have been using [attr.disabled] because I still like this template driven than programmatic enable()/disable() as it is superior IMO.

Change 

<md-input formControlName="id" placeholder="ID" [disabled]="true"></md-input>

to 

<md-input formControlName="id" placeholder="ID" [attr.disabled]="true"></md-input>

If you are on newer material change md-input to mat-input.

More Related Contents:

  1. How do I share data between components in Angular 2?
  2. Error when trying to inject a service into an angular component “EXCEPTION: Can’t resolve all parameters for component”, why?
  3. How to get query parameters from URL in Angular 5?
  4. Ionic 2 Form goes up when keyboard shows
  5. When to use square brackets [ ] in directives @Inputs and when not?
  6. Angular2 – Interaction between components using a service
  7. Angular4 Exception: Can’t bind to ‘ngClass’ since it isn’t a known property of ‘input’
  8. No provider for AngularFireDatabase, AngularFireAuth
  9. Multiple canActivate guards all run when first fails
  10. TS2531: Object is possibly ‘null’
  11. Custom ExceptionHandler change detection lag
  12. Trigger update of component view from service – No Provider for ChangeDetectorRef
  13. TypeError: You provided an invalid object where a stream was expected. You can provide an Observable, Promise, Array, or Iterable
  14. Can’t bind to ‘formControl’ since it isn’t a known property of ‘input’ – Angular2 Material Autocomplete issue
  15. Pass parameter into route guard
  16. Type casting within a template in Angular 2
  17. Typescript dependency injection public vs private
  18. Rxjs Retry with Delay function
  19. What is the meaning of question mark in expressions in Angular 2?
  20. Merging http observables using forkjoin
  21. Subscribing to a nested Observable
  22. Angular: selected on option of select doesn’t work as excepted while using along with ngModel
  23. How to Using a FormArray in a FormGroup
  24. How to declare a pipe globally to use in different modules?
  25. How to return value inside subscribe Angular 4
  26. Angular 2 / 4 / 5 – Ahead-of-time compilation how to
  27. Why is ES7/array polyfill needed despite the tsconfig target is set to ES5
  28. Angular Material Tab : Prevent tab change of mat-tab-group if the form in current tab is dirty
  29. Angular 2 ngOnInit not called
  30. Firestore how to get the collection value from another collection document id is referenced

Leave a Comment