blakcoder2017
diff --git a/‎src/assets/img/reactive-list-labels/all_light_we_cannot_see.jpeg
7.25 KB b/‎src/assets/img/reactive-list-labels/all_light_we_cannot_see.jpeg
7.25 KB
diff --git a/‎src/assets/img/reactive-list-labels/beneath _scarlet.jpg
136 KB b/‎src/assets/img/reactive-list-labels/beneath _scarlet.jpg
136 KB
diff --git a/‎src/assets/img/reactive-list-labels/rules_civility.jpg
548 KB b/‎src/assets/img/reactive-list-labels/rules_civility.jpg
548 KB
diff --git a/‎src/assets/img/reactive-list-labels/the_orphan_tale.jpg
172 KB b/‎src/assets/img/reactive-list-labels/the_orphan_tale.jpg
172 KB
diff --git a/‎src/pages/list/reactive-list-label/list-data.ts
Lines changed: 7 additions & 7 deletions b/‎src/pages/list/reactive-list-label/list-data.ts
Lines changed: 7 additions & 7 deletions
diff --git a/‎src/pages/list/reactive-list-label/reactive-list-label.html
Lines changed: 12 additions & 1 deletion b/‎src/pages/list/reactive-list-label/reactive-list-label.html
Lines changed: 12 additions & 1 deletion
diff --git a/‎src/pages/list/reactive-list-label/reactive-list-label.ts
Lines changed: 1 addition & 5 deletions b/‎src/pages/list/reactive-list-label/reactive-list-label.ts
Lines changed: 1 addition & 5 deletions
@@ -10,29 +10,29 @@ export const LIST_DATA: IDataList[] = [
   {
     nameProduct: `Beneath a Scarlet Sky: A Novel`,
     author: 'Mark Sullivan',
-    pictureProduct: '',
+    pictureProduct: './assets/img/reactive-list-labels/beneath _scarlet.jpg',
     category: 'Literature & Fiction',
     price: 5.99
   },
   {
     nameProduct: `The Orphan's Tale: A Novel`,
     author: 'Pam Jenoff',
-    pictureProduct: 'Literature & Fiction',
-    category: '',
+    pictureProduct: './assets/img/reactive-list-labels/the_orphan_tale.jpg',
+    category: 'Literature & Fiction',
     price: 10.37
   },
   {
     nameProduct: 'All the Light We Cannot See: A Novel',
     author: 'Anthony Doerr',
-    pictureProduct: 'Literature & Fiction',
-    category: '',
+    pictureProduct: './assets/img/reactive-list-labels/all_light_we_cannot_see.jpg',
+    category: 'Literature & Fiction',
     price: 12.99
   },
   {
     nameProduct: 'Rules of Civility: A Novel',
     author: 'Rules of Civility: A Novel',
-    pictureProduct: 'Literature & Fiction',
-    category: '',
+    pictureProduct: './assets/img/reactive-list-labels/rules_civility.jpg',
+    category: 'Literature & Fiction',
     price: 11.79
   },
   {
 
@@ -7,12 +7,23 @@
 <ion-header>
 
   <ion-navbar>
-    <ion-title>reactive-list-label</ion-title>
+    <ion-title>Reactive List Label</ion-title>
   </ion-navbar>
 
 </ion-header>
 
 
 <ion-content>
+  <ion-card *ngFor="let book of dataList">
+      <img [src]="book.pictureProduct"/>
+      <ion-card-content>
+          <ion-card-title>
+            {{ book.nameProduct }}
+          </ion-card-title>
+          <p>
+              {{ book.author }}
+          </p>
+      </ion-card-content>
 
+  </ion-card>
 </ion-content>
@@ -10,15 +10,11 @@ import { LIST_DATA } from './list-data';
 })
 export class ReactiveListLabelPage {
 
-  public dataList: IDataList = LIST_DATA;
+  public dataList = LIST_DATA;
 
   constructor(public navCtrl: NavController, public navParams: NavParams) {
   }
 
-  private initDataList() {
-
-  }
-
   ionViewDidLoad() {
     console.log('ionViewDidLoad ReactiveListLabelPage');
   }
Original file line number	Diff line number	Diff line change
`@@ -10,15 +10,11 @@ import { LIST_DATA } from './list-data';`
`10`	`10`	`})`
`11`	`11`	`export class ReactiveListLabelPage {`
`12`	`12`
`13`		`- public dataList: IDataList = LIST_DATA;`
	`13`	`+ public dataList = LIST_DATA;`
`14`	`14`
`15`	`15`	`constructor(public navCtrl: NavController, public navParams: NavParams) {`
`16`	`16`	`}`
`17`	`17`
`18`		`- private initDataList() {`
`19`		`-`
`20`		`- }`
`21`		`-`
`22`	`18`	`ionViewDidLoad() {`
`23`	`19`	`console.log('ionViewDidLoad ReactiveListLabelPage');`
`24`	`20`	`}`