After upgrading to Angular 9 (released today), I ran into this issue as well and found that they made the breaking change mentioned in the answer. I can’t find a reason for why they made this change. I have a material.module.ts file that I import / export all the material components (not the most efficient, … Read more
The code you are showing there is absolutely correct. I suspect that your problem is that you are not importing RouterModule (which is where RouterLink is declared) into the module which uses this template. I had a similar problem and it took me some time to solve as this step is not mentioned in the … Read more
You can use: this.notelinkingForm.getRawValue() From Angular docs: If you’d like to include all values regardless of disabled status, use this method. Otherwise, the value property is the best way to get the value of the group.
To fix this install the specific typescript version 3.1.6 npm i typescript@3.1.6 –save-dev –save-exact
This problem might arise due to version mismatch. To solve your problem you need to do following changes in your package.json file. Step 1 : Go to package.json and modify “rxjs”: “^6.0.0” to “rxjs”: “6.0.0” Step 2 Run npm install in your project. There is no need to change the typescript version. (Mine: “typescript”: “~2.7.2”) … Read more
Update February 2020 Since this answer got a lot of traction, I thought it would be best to update it with newer Angular optimizations: As another answerer said, ng build –prod –build-optimizer is a good option for people using less than Angular v5. For newer versions, this is done by default with ng build –prod … Read more
rawLapsData continues to point to the same array, even if you modify the contents of the array (e.g., add items, remove items, change an item). During change detection, when Angular checks components’ input properties for change, it uses (essentially) === for dirty checking. For arrays, this means the array references (only) are dirty checked. Since … Read more
Don’t get confused with the concepts of Angular and RxJS We have pipes concept in Angular and pipe() function in RxJS. 1) Pipes in Angular: A pipe takes in data as input and transforms it to the desired output https://angular.io/guide/pipes 2) pipe() function in RxJS: You can use pipes to link operators together. Pipes let … Read more
You could add dummy attributes header and body as opposed to template references (#header, #body). And transclude using ng-content with select attribute like select=”[header]”. app.comp.html <app-child> <div header >This should be rendered in header selection of ng-content</div> <div body >This should be rendered in body selection of ng-content</div> </app-child> child.comp.html <div class=”header-css-class”> <ng-content select=”[header]”></ng-content> </div> … Read more
The issue is simple, npm doesn’t know about ng Just run npm link @angular/cli and it should work seamlessly.