list - Angular 4 ng-repeat implementation -


i'm trying implement basic ng-repeat directive ionic 3 project using angular 4. don't understand why code not returnig anything. guess numerous of ionic , angular documentation confusing me.... idea?

home.ts

import { component } '@angular/core'; import { navcontroller } 'ionic-angular';  @component({   selector: 'page-home',   templateurl: 'home.html' }) export class homepage {  public item = {} ; public itemslist = [     {"name":"mark", "position":"ceo"},     {"name":"david", "position":"developer"} ];    constructor(public navctrl: navcontroller) {    }  } 

home.html

<ion-content padding>     <ion-list>       <ion-item ng-repeat="item of itemslist">         <h3> name: {{item.name}}</h3>         <p> position: {{item.position}}</p>       </ion-item>     </ion-list> </ion-content> 

<ion-content padding>     <ion-list>       <ion-item *ngfor="let item of itemslist">         <h3> name: {{item.name}}</h3>         <h3> name: {{item.position}}</h3>       </ion-item>     </ion-list> </ion-content> 

working code https://gitlab.com/ugur.ayan/temp-ionic/


Comments

Popular posts from this blog

python - Operations inside variables -

Generic Map Parameter java -

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -