Tag: angular9

Issue <div> <div> <label>Name</label> <input type="text" [(ngModel)]="name" [disabled]="editData" </div> <div> <label>address</label> <input type="text" [(ngModel)]="address" </div> </div> <button (click)=add() >add</button> <button (click)=edit()>edit</button> <button (click)=reset()>reset</button> Note:- On add() both fields should be reset but on edit only address field should be reset

Issue I tried to learn but not getting clear about the same. So anyone please send me the valuable links or points for the Angular 9 new features? Solution Added Angular 9 Features – Added undecorated classes migration schematic in

Issue I have a simple trackBy statement which was no prob until ng9. <div *ngFor=”let s of skills; trackBy: s?.id”> <app-skill [skill]=”s”></app-skill> </div> Now with template type checking the compiler complains that: Property ‘s’ does not exist on type ‘SkillsListComponent’

Issue In my component I get a list of its markup templates by using ViewChildren: @ViewChildren(TemplateRef) private _templates: QueryList<TemplateRef<unknown>>; In Angular8 I was not able to filter them by an Id, so i needed to look for an internal property

Issue After running ng serve In the browser, developer tools, I see the following error: Uncaught ReferenceError: __importDefault is not defined at Module../src/app/home/home.component.ts (home.component.ts:5) at __webpack_require__ (bootstrap:79) at Module../src/app/app-routing.module.ts (main.js:98) at __webpack_require__ (bootstrap:79) at Module../src/app/app.module.ts (app.component.ts:8) at __webpack_require__ (bootstrap:79) at

Issue I have this error when I run npm start: [HPM] Subscribed to http-proxy events: [ ‘error’, ‘close’ ] chunk {main} main.js, main.js.map (main) 2.16 kB [initial] [rendered] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 722 bytes [initial] [rendered] chunk {polyfills-es5} polyfills-es5.js,

Issue I am struggling to see which one of the root and the platform options for providedIn in a service is better. Both make a service available in the whole application, the latter through a service and the former through

Issue After updating an Angular app from version 8 to 9, I’m getting the following error: No component factory found for <component>. Did you add it to @NgModule.entryComponents? But as stated on Angular Update Guide, adding components to entryComponents should

Issue It’s working import { MatButtonModule } from ‘@angular/material/button’ import { MatMenuModule } from ‘@angular/material/menu’ Not Working import { MatButtonModule,MatMenuModule } from ‘@angular/material’ Why do you think it would be? Solution That’s no longer supported in Angular’s 9th version. Components

Issue Minimal reproduction: https://stackblitz.com/edit/buggydrop I’m making a simple website when user drag an element and drop it on another element so that the content of each element swap with each other. However, the problem is in (drop)=”BuggyonDrop($event)” the $event is

Issue We just migrated from angular 7 to angular 9. My application targets to larger audience and i need to support legacy browsers like IE-11. Hence i have made the following change in tsconfig.json { “compileOnSave”: false, “compilerOptions”: { “outDir”:

Issue arr= [{ isNew: true, price: { perDay: 0, perMonth: 0, perHalfDay: 0 }, type: 3, available: false, newCapacity: 0, inventory: 1 }…] <div *ngFor=”let obj of arr”> <input [(ngModel)]=”obj.inventory”> </div> On change of a particular inventory I want to

Issue I try clear controls clear control forms and validation but in angular 9 does not work correct. Ofcourse I have cleared controls but I get validations on my controls. I check also other examples validation this.carForm = new FormGroup({

Issue This question has been asked multiple times here and after going through enough solutions, I am positing because the common solution of making sure I have CommonModule in my child module and BrowserModule in my app.module.ts is not working.

Issue On an Angular 9 home.component.less file I tried to import a global less file: @import (reference) ‘./mixins.less’; The file is on the project root along with index.html. So the structure is: src mixins.less index.html app home home.component.less When I

Issue I refactor a string. So that why I need a component for it with ComponentFactoryResolver: @Component({ selector: ‘[text-in-message]’, template: `<ng-template chunk></ng-template>`, }) export class TextInMessageComponent implements OnInit { @Input() message: string; @ViewChild(ChunkInMessageDirective, { static: true }) chunkOfMessage: ChunkInMessageDirective; constructor(private