The parameter has this syntax: {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits} So your example of ‘1.2-2’ means: A minimum of 1 digit will be shown before decimal point It will show at least 2 digits after decimal point But not more than 2 digits
This is fixed by: a) adding schemas: [ CUSTOM_ELEMENTS_SCHEMA ] to every component or b) adding import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from ‘@angular/core’; and schemas: [ CUSTOM_ELEMENTS_SCHEMA ], to your module.
Use @ViewChildren from @angular/core to get a reference to the components template <div *ngFor=”let v of views”> <customcomponent #cmp></customcomponent> </div> component import { ViewChildren, QueryList } from ‘@angular/core’; /** Get handle on cmp tags in the template */ @ViewChildren(‘cmp’) components:QueryList<CustomComponent>; ngAfterViewInit(){ // print array of CustomComponent objects console.log(this.components.toArray()); } l̶i̶v̶e̶ ̶d̶e̶m̶o̶
Try this: Import RouterModule into your app.module.ts import { RouterModule } from ‘@angular/router’; Add RouterModule into your imports [] like this: imports: [ RouterModule, ]
If you have Angular 5 or above, just change <a href=”” (click)=”passTheSalt()”>Click me</a> into <a [routerLink]=”” (click)=”passTheSalt()”>Click me</a> A link will be displayed with a hand icon when hovering over it and clicking it won’t trigger any route. Note: If you want to keep the query parameters, you should set queryParamsHandling option to preserve: <a … Read more
Angular CLI 6+ In the latest version of Angular, this is set in the angular.json config file. Example: { “$schema”: “./node_modules/@angular/cli/lib/config/schema.json”, “projects”: { “my-project”: { “architect”: { “serve”: { “options”: { “port”: 4444 } } } } } } You can also use ng config to view/edit values: ng config projects[“my-project”].architect[“serve”].options {port:4444} Angular CLI <6 … Read more
The changed it from change to selectionChange. <mat-select (change)=”doSomething($event)”> is now <mat-select (selectionChange)=”doSomething($event)”> https://material.angular.io/components/select/api
Two way to truncate text into angular. let str=”How to truncate text in angular”; 1. Solution {{str | slice:0:6}} Output: how to If you want to append any text after slice string like {{ (str.length>6)? (str | slice:0:6)+’..’:(str) }} Output: how to… 2. Solution(Create custom pipe) if you want to create custom truncate pipe import … Read more
You can use this function isDevMode import { isDevMode } from ‘@angular/core’; … export class AppComponent { constructor() { console.log(isDevMode()); } } One note: be carefull with this function if(isDevMode()) { enableProdMode(); } You will get Error: Cannot enable prod mode after platform setup https://github.com/angular/angular/blob/2.0.0/modules/%40angular/core/src/application_ref.ts#L58 Other options environment variable import { environment } from ‘src/environments/environment’; … Read more