Either you call the method like this: {{user.name()}} // instead of {{user.name}} For this approach you need to be aware that you will lose the execution context (this). See this question for more details: ng-lightning – data object is undefined on lookup Or you define your method as a getter so you can use user.name … Read more
How to use Angular e2e testing with Puppeteer 1) Install Puppeteer npm install –save-dev puppeteer @types/puppeteer 2) Configure Protractor to use Puppeteer Edit your protractor.conf.js and add the following inside capabilities: // … const puppeteer = require(‘puppeteer’); exports.config = { // … capabilities: { browserName: ‘chrome’, chromeOptions: { args: [‘–headless’], binary: puppeteer.executablePath(), }, }, // … Read more
You even can use npm to generate this for you. Follow this : npm i guid-typescript –save And to utilize in your code : import { Guid } from ‘guid-typescript’; export class GuidExample { public id: Guid; constructor() { this.id = Guid.create(); // ==> b77d409a-10cd-4a47-8e94-b0cd0ab50aa1 } }
Use file-saver-es instead. npm install -S file-saver-es Then in your code import saveAs and other codes keep as before. import { saveAs } from ‘file-saver-es’; and if you’re using typescript add following to your tsconfig: “paths”: { “file-saver-es”: [ “@types/file-saver” ] }
From the documentation: The sidenav components are designed to add side content to a fullscreen app. VS The drawer component is designed to add side content to a small section of your app. ^ Emphasis is mine The difference between the two components is that the sidenav component should be used for a global drawer … Read more
There is no mechanism for injecting services into reducers. Reducers are supposed to be pure functions. Instead, you should use ngrx/effects – which is the mechanism for implementing action side-effects. Effects listens for particular actions, perform some side-effect and then (optionally) emit further actions. Typically, you would split your action into three: the request; the … Read more
You get that compilation error because the signature of the implementation function does not satisfy the empty constructor you declared. As you want to have the default constructor, it should be: class MyItem { public name: string; public surname: string; public category: string; public address: string; constructor(); constructor(name:string, surname: string, category: string, address?: string); constructor(name?: … Read more
The .subscribe() function is similar to the Promise.then(), .catch() and .finally() methods in jQuery, but instead of dealing with promises it deals with Observables. That means it will subscribe itself to the observable of interest (which is getTasks() in your case) and wait until it is successful and then execute the first passed callback function … Read more
Uppercase Boolean is an object type. Lowercase boolean is a primitive type. You should always use boolean (the primitive type in your programs). This is because, the Typescript type system does not force an object to its primitive type, while JavaScript does. You shouldn’t write: function yourFunction(foo: Boolean) But instead always write: function yourFunction(foo: boolean) … Read more
You can implement canDeactivate using typescript like import { Injectable } from ‘@angular/core’; import { CanDeactivate } from ‘@angular/router’; import { ViewthatyouwantGuard } from ‘./path to your view’; @Injectable() export class ConfirmDeactivateGuard implements CanDeactivate<ViewthatyouwantGuard> { canDeactivate(target: ViewthatyouwantGuard) { if (target.hasChanges) { return window.confirm(‘Do you really want to cancel?’); } return true; } } // hasChanges … Read more