angular6

I'm trying to implement a footer row into a mat-table component after recently upgrading to angular 6 for this purpose, but after adding both the mat-footer-cell and mat-footer-row elements in the table, I get the following error: ERROR TypeError: Cannot read property 'template' of undefined at MatFooterRowDef.push../node_modules/@angular/cdk/esm5/table.es5.js.CdkFooterRowDef.extractCellTemplate (vendor.js:17400) The table still appears on the page, but with no data, no footer row, and a T symbol where to the right of each column heading. HTML: <ng-container matColumnDef="total"> <mat-header

I'm trying to update angular to latest version . I have updated global @angular/cli npm install -g @angular/cli Then when I try to update local @angular/cli using ng update @angular/cli I get this error: Error: Unexpected end of JSON input Unexpected end of JSON input Here's my package.json { "name": "apimap", "version": "0.0.0", "license": "MIT", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "^5.2.11", "@angular/cdk": "^5.2.5", "@angular/common": "^5.2.11", "

The latest Material documentation says the following.. If you want to close a custom snack-bar that was opened via openFromComponent, from within the component itself, you can inject the MatSnackBarRef. but they don't show you how to do it. In their example, they nest a component within the same .ts file as the calling module, and they don't show the ref being passed in. But since I want to use a more centralized approach, I have created a new module using... ng g component components/snackbar This way, I should be able to pass in @Input to render different html depending on need. This would

after reading the documentation on angular about http client error handling, I still don't understand why I don't catch a 401 error from the server with the code below: export class interceptor implements HttpInterceptor { intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> { console.log('this log is printed on the console!'); return next.handle(request).do(() => (err: any) => { console.log('this log isn't'); if (err instanceof HttpErrorResponse) { if (err.status === 401) { console.log('nor this one!'); } } }); } } on the console log, I also get this: zone.js

I am using angular6, in my project I am using Facebook Account Toolkit for mobile verification purpose. I need to initialise Account toolkit in index.html file using following code. AccountKit.init({ appId:"XX", state:"xx", version:"v1.2", fbAppEventsEnabled:true, debug:true }); The problem is, values for appId and state change depending on environment (development/test/production). How can I use environment variables in index.html file. Please let me know if anyone has a solution for angular 6. Thanks in advance. Artyom Krasnyuk You should create copy of index.html and name it index.someenv