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
Post a Comment