Fixed high cpu usage problem.

Author: gnu4cn

src/app/home/components/book-list.component.html

@@ -13,6 +13,7 @@
     <!-- 作者和来源 -->
     <mat-card-header>
         <img mat-card-avatar 
+             (error)="onImageError($event)"
              [src]="book.isFromMainstreamPlatform ? book.writer.avatarUrl : 'assets/images/avatar.png'" />
         <mat-card-title>
             {{book.writer.fullName.length > 0 ? book.writer.fullName : book.writer.name}}

src/app/home/components/book-list.component.ts

@@ -144,4 +144,8 @@ export class BookListComponent implements OnInit, OnChanges {
             if(res) this.book.recycleRecoverDelete(res);
         });
     }                        
+
+    onImageError = (event) => {
+        event.target.src = "assets/images/avatar.png";
+    }
 }

src/app/home/components/search.component.html

@@ -20,8 +20,7 @@
     </ion-button>
     <mat-card-header>
         <img mat-card-avatar 
-             uiImageLoader
-             onErrorSrc="assets/images/avatar.png"
+             (error)="onImageError($event)"
              [src]="book.writerAvatarUrl" />
         <mat-card-title>
             {{book.fullName.length > 48 ? book.fullName.slice(0, 47)+'...' : book.fullName}}

src/app/home/components/search.component.ts

@@ -77,4 +77,8 @@ export class SearchComponent implements OnInit, OnChanges {
             if(res) this.book.save(res);
         });
     }
+
+    onImageError = (event) => {
+        event.target.src = "assets/images/avatar.png";
+    }
 }

src/app/home/directives/image-loader.directive.ts

@@ -30,7 +30,6 @@ import { HomePageRoutingModule } from './home-routing.module';
 import { HomePage } from './home.page';
 import { ReadableDatePipe } from './pipes/readable-date.pipe';
 import { StringToDatePipe } from './pipes/string-to-date.pipe';
-import { ImageLoaderDirective } from './directives/image-loader.directive';
 
 @NgModule({
     imports: [
@@ -52,7 +51,6 @@ import { ImageLoaderDirective } from './directives/image-loader.directive';
         SearchComponent,
         ReadableDatePipe,
         StringToDatePipe,
-        ImageLoaderDirective
     ],
     providers: [
         BookService,