Angular-cli team has removed the support for generating compress files (.gz). Github discussion url. We can use a gulp task for it. Install following npm modules: $npm install –save-dev gulp $npm install –save-dev gulp-gzip Create gulpfile.js. The file name has to be gulpfile.js not any other names. var gulp = require(‘gulp’); var gzip = require(‘gulp-gzip’); … Read more
<input (keydown.Tab)=”onKey($event)”>
You have probably updated your angular and/or angular material versions; with the angular material 9 upgrade they changed the imports from @angular/material notation to @angular/material/button like notation. Instead of importing from @angular/material, you should import deeply from the specific component. E.g. @angular/material/button. ng update will do this automatically for you. You can follow the upgrade … Read more
It’s because of @Component({ providers: [FundingPlanService] <=== }) The @Component.providers takes precedence over any global providers, since using the @Component.providers makes the provider scoped only to the component. In the test, Angular creates the mocked service in the module scope and the original service in the component scope. To solve this problem, Angular provides the … Read more
You need to bind like this <img src=”https://stackoverflow.com/questions/49671139/{{“assets/images/” + wonder.id + “.jpg” }}” [] is not compatible with {{ }}.
MatButtonToggle component doesn’t implement ControlValueAccessor therefore you can’t use ngModel on it. ngDefaultControl was introduced for other purposes. MatButtonToggle is supposed to be a part of mat-button-toggle-group. But if you want to use it as a standalone component and bind model to it here is some example of how you can do it: <mat-button-toggle [checked]=”myFlagForButtonToggle” … Read more
To remove .00 from the currency pipe you can use this pattern. See the digitsInfo section on CurrencyPipe for more information. {{ amount | currency : ‘USD’ : ‘symbol’ : ‘1.0-0′ }} If you don’t need the decimal you can use the number pipe. ${{amount | number}}
No need to unsubscribe from afterClosed() as it auto completes itself: https://github.com/angular/material2/blob/ae41a0ad69ca26c600f0f56c68dd5a1c102d4f1f/src/lib/dialog/dialog-ref.ts#L75
Actually the error doesn’t mean a module import problem, but that you’re using the mat-form-field without a valid control. The problem is here : <mat-form-field> <mat-checkbox formControlName=”active”>Active</mat-checkbox> </mat-form-field> MatChebox isn’t intended to be contained in a mat-form-field but yeah its name is not very clear … Keep just in mind that mat-form-field is the component … Read more
After asking on the official angular repository, it turns out to be a simple solution. Instead of passing the service name as a string, you’ll have pass the tokens through the component into the view into another component. Globally define the injection token I did this alongside my service itself to make it easier to … Read more