diff --git a/npm/ng-packs/apps/dev-app/src/app/app.component.ts b/npm/ng-packs/apps/dev-app/src/app/app.component.ts index ea971ac3f4..8187365734 100644 --- a/npm/ng-packs/apps/dev-app/src/app/app.component.ts +++ b/npm/ng-packs/apps/dev-app/src/app/app.component.ts @@ -1,5 +1,6 @@ -import { LazyLoadService } from '@abp/ng.core'; +import { LazyLoadService, LOADING_STRATEGY } from '@abp/ng.core'; import { Component, OnInit } from '@angular/core'; +import { forkJoin } from 'rxjs'; @Component({ selector: 'app-root', @@ -12,14 +13,13 @@ export class AppComponent implements OnInit { constructor(private lazyLoadService: LazyLoadService) {} ngOnInit() { - this.lazyLoadService - .load( - ['fontawesome-all.min.css', 'fontawesome-v4-shims.min.css'], - 'style', - null, - 'head', - 'afterbegin', - ) - .subscribe(); + forkJoin( + this.lazyLoadService.load( + LOADING_STRATEGY.PrependAnonymousStyleToHead('fontawesome-v4-shims.min.css'), + ), + this.lazyLoadService.load( + LOADING_STRATEGY.PrependAnonymousStyleToHead('fontawesome-all.min.css'), + ), + ).subscribe(); } } diff --git a/templates/app/angular/src/app/app.component.ts b/templates/app/angular/src/app/app.component.ts index 6508fc9831..e4e827c766 100644 --- a/templates/app/angular/src/app/app.component.ts +++ b/templates/app/angular/src/app/app.component.ts @@ -1,5 +1,6 @@ -import { LazyLoadService } from '@abp/ng.core'; +import { LazyLoadService, LOADING_STRATEGY } from '@abp/ng.core'; import { Component, OnInit } from '@angular/core'; +import { forkJoin } from 'rxjs'; @Component({ selector: 'app-root', @@ -10,15 +11,15 @@ import { Component, OnInit } from '@angular/core'; }) export class AppComponent implements OnInit { constructor(private lazyLoadService: LazyLoadService) {} - async ngOnInit() { - this.lazyLoadService - .load( - ['fontawesome-all.min.css', 'fontawesome-v4-shims.min.css'], - 'style', - null, - 'head', - 'afterbegin' + + ngOnInit() { + forkJoin( + this.lazyLoadService.load( + LOADING_STRATEGY.PrependAnonymousStyleToHead('fontawesome-v4-shims.min.css') ) - .subscribe(); + this.lazyLoadService.load( + LOADING_STRATEGY.PrependAnonymousStyleToHead('fontawesome-all.min.css') + ), + ).subscribe(); } }