列表 - Angular 4 ng-repeat 实现
我正在尝试为一个使用 Angular 4 的 Ionic 3 项目实现一个非常基础的 ng-repeat 指令。我就是不明白为什么这段代码没有返回任何东西。我猜是 Ionic 和 Angular 的大量文档把我弄糊涂了……有人有想法吗?
home.ts
import { Component } from '@angular/core';
import { NavController } from '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) {
}
}
首页.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>
答案#1
<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>
工作代码在 https://gitlab.com/ugur.ayan/temp-ionic/
