我已经阅读了很多小时关于
ngFor
和他们总是做同样的事情的文档和例子:定义类,导出它并迭代它。我举个例子:
<h1>{{title}}</h1>
<form>
<input type="text" name="nombre" [(ngModel)]= "nombre"><br/>
<input type="text" name="apellido" [(ngModel)]= "apellido"><br/>
<input type="submit" name="registrar" (click)="Register()"><br/>
</form>
<br/>
<p *ngIf="registered; else notregistered">{{message}} con el nombre de {{nombre}} {{apellido}}</p>
<ng-template #notregistered>
<p>nadie registrado</p>
</ng-template>
<br/>
<br/>
<ul>
<li *ngFor='let entry of entrys'>{{entry.title}}</li>
</ul>
interface Entrys{
title:string
}
export class AppComponent {
title = 'Registro';
message = '';
registered = false;
nombre:string = "";
apellido:string = "";
entrys:Entrys[];
constructor(){
this.entrys=[
{title:"hola1"},
{title:"hola2"},
{title:"hola3"},
{title:"hola4"},
{title:"hola5"},
{title:"hola6"},
]
}
Register()
{
this.registered = true;
this.message = "user registered"
}
}
我的问题是:如果我用不同的值声明和初始化两个不同的AppComponent对象,
ngFor
会做什么?看来ngFor
没有根据文档区分对象。
对不起,如果我的问题写得不是很好,但我是用手机写的,我开始学习 Angular.