ngFor如何区分同一类的两个实例?

问题描述 投票:0回答:0

我已经阅读了很多小时关于

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.

angular ngfor
© www.soinside.com 2019 - 2024. All rights reserved.