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.
While technically correct, the other answers would benefit from an explanation of Angular’s URL-to-route matching. I don’t think you can fully (pardon the pun) understand what pathMatch: full does if you don’t know how the router works in the first place. Let’s first define a few basic things. We’ll use this URL as an example: … Read more
Try using attr.disabled, instead of disabled <input [attr.disabled]=”disabled ? ” : null”/>
To also cover guards against browser refreshes, closing the window, etc. (see @ChristopheVidal’s comment to Günter’s answer for details on the issue), I have found it helpful to add the @HostListener decorator to your class’s canDeactivate implementation to listen for the beforeunload window event. When configured correctly, this will guard against both in-app and external … Read more
To make your code work in a stackblitz, I had to replace import { EventEmitter } from ‘events’; with import { EventEmitter } from ‘@angular/core’;
Applicable for Angular 12 For projects that are running on the latest versions of Angular 12, you should be using TypeScript v4.2.x to 4.3.x npm i -D typescript@4.3.5 Applicable for Angular 11 For projects that are running on the latest versions of Angular 11 (11.2.x), it supports up to TypeScript v4.1.5. npm i -D typescript@4.1.5 … Read more
You need to modify two files tslint.json and .angular-cli.json, suppose you want to change to myprefix: In the tslint.json file just modify the following 2 attributes: “directive-selector”: [true, “attribute”, “app”, “camelCase”], “component-selector”: [true, “element”, “app”, “kebab-case”], change “app” to “myprefix” “directive-selector”: [true, “attribute”, “myprefix”, “camelCase”], “component-selector”: [true, “element”, “myprefix”, “kebab-case”], In the angular.json file just … Read more
You are right, the documentation lacks of those methods. However when I dug into rxjs repository, I found nice comments about tap (too long to paste here) and pipe operators: /** * Used to stitch together functional operators into a chain. * @method pipe * @return {Observable} the Observable result of all of the operators … Read more
Provided you use the Angular-CLI to generate new projects, there’s another way to make bootstrap accessible in Angular 2/4. Via command line interface navigate to the project folder. Then use npm to install bootstrap: $ npm install –save bootstrap. The –save option will make bootstrap appear in the dependencies. Edit the .angular-cli.json file, which configures … Read more
Since the post method of the Http class returns an observable you need to subscribe it to execute its initialization processing. Observables are lazy. You should have a look at this video for more details: https://egghead.io/lessons/rxjs-rxjs-observables-vs-promises