Don’t call subscribe() in your service and instead let the route subscribe. Change return this.searchService.searchFields().subscribe(fields => { to import ‘rxjs/add/operator/first’ // in imports return this.searchService.searchFields().map(fields => { … }).first(); This way an Observable is returned instead of a Subscription (which is returned by subscribe()). Currently the router waits for the observable to close. You can … Read more
I would use a subject to keep everything reactive. In your template html listen to change events and emit a new value to the subject. <searchBar (change)=”search$.next($event.target.value)” /> then in your component: this.subscription = this.search$.pipe( debounceTime(800), distinctUntilChanged(), switchMap(searchText=>http.post(‘api_link’, {searchText}) }).subscribe(response=>{ this.response = response. }); The switchMap will cancel any HTTP request that hasn’t completed if … Read more
When you are building the application using ng build, you should use the following flag: –outputHashing=all This is to enable cache-busting. This adds a hash to every single built file such that the browser is forced to load the latest version whenever you have uploaded a new version to your servers. Threfore, one way to … Read more
There is no use of Bootstrap() in Ionic2, only use of @App to declare your app. You still need to declare your service in your @Page component. Create your service import {Injectable} from “angular2/core”; import {Http} from “angular2/http”; @Injectable() export class DataService { constructor(http: Http) { this.http = http; this.data = null; } retrieveData() { … Read more
You complete an Observable, and unsubscribe a Subscription. These are two different methods on two different objects. You subscribe to an observable which returns a Subscription object. If you want to stop listening to emits from the Observable you call subscription.unsubscribe(). If you want an Observable to be done with his task, you call observable.complete(). … Read more
Add typings.d.ts file in your project root or any folder add following code into the typing file declare module ‘@ckeditor/ckeditor5-build-classic’ { const ClassicEditorBuild: any; export = ClassicEditorBuild; } that’s it angular will automatically detect typings and compile it as dependency this will solve the issue its also sugggested in official CKEDITOR page: https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/angular.html Directory Structure
You can’t use interpolation inside standard property binding. There should be an expression. Seems it should be: [attr.aria-labelledby]=”‘desiredSkill’ + $index” or attr.aria-labelledby=”desiredSkill{{$index}}”
This has to do with observables being cancelled, although I must admit I don’t know the root cause for the problem you face. I ran into a similar problem using the ngrx/effects module. The action handler made requests to a service using ngrx switch map operator. All except the last request would get cancelled. Changing … Read more
I got the same error from using an unitialized EventEmitter: @Output() change: EventEmitter<any>; instead of: @Output() change: EventEmitter<any> = new EventEmitter<any>(); The error occurred in the higher-level component that tried to subscribe to the change event.
Update: May 2021 Recently I have used [email protected] in Angular v11 and it’s working fine. You may try with the latest version npm install ng2-charts@latest // it will automatically install latest version Older ng2-charts v2.2.4 has this bug as lots of users are reporting that so down-grading to ng2-charts v2.2.3 is fine until it is … Read more