Угловой 2: объединение * ngIf и * ngFor выполняет цикл с последним неопределенным элементом
http://plnkr.co/edit/ihdAJuUcyOj5Ze93BwIQ?p=preview
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<div class="container">
<div *ngFor="let v of myValues;">
This is my value: {{v}}
</div>
<hr>
<div *ngIf="show" *ngFor="let v of myValues;">
This is my value: {{v}}
</div>
`,
})
export class AppComponent {
public user: User = {
name: 'John',
address: {
address1: '11, High Street',
postcode: '1234'
}
}
myValues = ['one','two','three'];
show = true;
public save(form: IUser, isValid: boolean) {
console.log(form, isValid);
}
}
export interface User {
name: string;
address?: {
address1?: string;
postcode?: string;
}
}
Как видно из этого плана, второй * ngFor будет выполнен слишком много раз.
Теперь это ошибка? Или мне просто запрещено использовать * ngFor и * ngIf вместе? Я не смог найти никакой документации по этому вопросу.