diff --git a/templates/module/angular/angular.json b/templates/module/angular/angular.json
index 7120592c4d..642e441e81 100644
--- a/templates/module/angular/angular.json
+++ b/templates/module/angular/angular.json
@@ -24,27 +24,44 @@
             "tsConfig": "tsconfig.app.json",
             "aot": true,
             "extractCss": true,
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
             "styles": [
+              {
+                "input": "node_modules/@abp/ng.theme.shared/styles/bootstrap-rtl.min.css",
+                "inject": false,
+                "bundleName": "bootstrap-rtl.min"
+              },
               {
                 "input": "node_modules/bootstrap/dist/css/bootstrap.min.css",
                 "inject": true,
-                "bundleName": "bootstrap.min"
+                "bundleName": "bootstrap-ltr.min"
               },
-              "src/styles.scss",
               {
                 "input": "node_modules/@fortawesome/fontawesome-free/css/all.min.css",
-                "inject": false,
+                "inject": true,
                 "bundleName": "fontawesome-all.min"
               },
               {
                 "input": "node_modules/@fortawesome/fontawesome-free/css/v4-shims.min.css",
-                "inject": false,
+                "inject": true,
                 "bundleName": "fontawesome-v4-shims.min"
-              }
+              },
+              {
+                "input": "node_modules/@swimlane/ngx-datatable/index.css",
+                "inject": true,
+                "bundleName": "ngx-datatable-index"
+              },
+              {
+                "input": "node_modules/@swimlane/ngx-datatable/assets/icons.css",
+                "inject": true,
+                "bundleName": "ngx-datatable-icons"
+              },
+              {
+                "input": "node_modules/@swimlane/ngx-datatable/themes/material.css",
+                "inject": true,
+                "bundleName": "ngx-datatable-material"
+              },
+              "src/styles.scss"
             ],
             "scripts": []
           },
@@ -102,10 +119,7 @@
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.spec.json",
             "karmaConfig": "karma.conf.js",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
             "styles": [
               {
                 "input": "node_modules/bootstrap/dist/css/bootstrap.min.css",
@@ -130,14 +144,8 @@
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
-            "tsConfig": [
-              "tsconfig.app.json",
-              "tsconfig.spec.json",
-              "e2e/tsconfig.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "tsConfig": ["tsconfig.app.json", "tsconfig.spec.json", "e2e/tsconfig.json"],
+            "exclude": ["**/node_modules/**"]
           }
         },
         "e2e": {
@@ -187,9 +195,7 @@
               "projects/my-project-name/tsconfig.lib.json",
               "projects/my-project-name/tsconfig.spec.json"
             ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "exclude": ["**/node_modules/**"]
           }
         }
       }
@@ -227,9 +233,7 @@
               "projects/my-project-name-config/tsconfig.lib.json",
               "projects/my-project-name-config/tsconfig.spec.json"
             ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "exclude": ["**/node_modules/**"]
           }
         }
       }
@@ -239,4 +243,4 @@
   "cli": {
     "analytics": false
   }
-}
\ No newline at end of file
+}
diff --git a/templates/module/angular/src/app/app.component.ts b/templates/module/angular/src/app/app.component.ts
index 1cf17b8116..bf2a27962a 100644
--- a/templates/module/angular/src/app/app.component.ts
+++ b/templates/module/angular/src/app/app.component.ts
@@ -1,6 +1,4 @@
-import { LazyLoadService, LOADING_STRATEGY } from '@abp/ng.core';
-import { Component, OnInit } from '@angular/core';
-import { forkJoin } from 'rxjs';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-root',
@@ -9,17 +7,4 @@ import { forkJoin } from 'rxjs';
     <router-outlet></router-outlet>
   `,
 })
-export class AppComponent implements OnInit {
-  constructor(private lazyLoadService: LazyLoadService) {}
-
-  ngOnInit() {
-    forkJoin([
-      this.lazyLoadService.load(
-        LOADING_STRATEGY.PrependAnonymousStyleToHead('fontawesome-v4-shims.min.css'),
-      ),
-      this.lazyLoadService.load(
-        LOADING_STRATEGY.PrependAnonymousStyleToHead('fontawesome-all.min.css'),
-      ),
-    ]).subscribe();
-  }
-}
+export class AppComponent {}