Pipe // Angular import { Pipe, PipeTransform } from ‘@angular/core’; import { DomSanitizer, SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl } from ‘@angular/platform-browser’; /** * Sanitize HTML */ @Pipe({ name: ‘safe’ }) export class SafePipe implements PipeTransform { /** * Pipe Constructor * * @param _sanitizer: DomSanitezer */ // tslint:disable-next-line constructor(protected _sanitizer: DomSanitizer) { } /** * … Read more
I can suggest a simple CSS approach. First of all add .loading div into main HTML page, it should follow main app component element. For example: <my-app></my-app> <div class=”loading”> <h1>Loading…</h1> </div> Now you can target and style splash screen with my-app:empty + .loading CSS selector, and make it disappear as soon as the app gets … Read more
In fact, it’s not an Angular2 issue but a problem at the server side. The preflighted OPTIONS request needs to return an Access-Control-Allow-Origin header in its response. Sending the Origin header in the original request will enable the CORS support on the server side. This header is automatically added by the browser when it detects … Read more
I was looking for a similar solution and tried to use the ngx-scroll-to package and found that its not working in latest version of angular (angular 6+) so decided to look into other option and found a solution which uses the browser’s native scrollIntoView and this seems to be the best solution so far HTML … Read more
For the newest version of dialog (This is prior to Angular 5, for 5 see update below), you can do the following to pass data via the config which is much simpler and cleaner. When you open the dialog, you can do it this way by adding data as a config param (just ignore the … Read more
Install @angular-devkit/build-angular as dev dependency. This package is newly introduced in Angular 6.0 npm install –save-dev @angular-devkit/build-angular or, yarn add @angular-devkit/build-angular –dev
Recording the web page by using Record RTC with Angular
So great to find the best solution from Angular itself provides pipe to loop through JSON , and its keyvalue <div *ngFor=”let item of jsonObj | keyvalue”> Key: {{item.key}} <div *ngFor=”let obj of item.value”> {{ obj.title }} {{ obj.desc }} </div> </div> WORKIGN DEMO Previously : Component side : objectKeys = Object.keys; Template side : … Read more
We can make use of pipeable RxJS operators for this scenario. First, we can use RxJS’s mergeMap to map over the observable values from route into an inner observable. If params and params[‘client_name’] are defined, we assign params[‘client_name’] to the client_name property, which is similar to your initial code. Then, we call the getClientDetails() method … Read more