gpt4 book ai didi

javascript - Angular2 - *ngFor 和 *ngIf 在同一元素上产生错误

转载 作者:可可西里 更新时间:2023-11-01 02:30:56 26 4
gpt4 key购买 nike

<分区>

我有一组用户,我只想在表格中显示男性用户。这是我试图实现这一目标的方式:

import {Component} from 'angular2/core';
import {bootstrap} from 'angular2/platform/browser';

@Component({
selector: 'app',
template:`
<table>
<tbody>
<tr *ngFor="#user of users" *ngIf="user.gender == 'male' " >
<td>{{user.name}}</td>
<td>{{user.gender}}</td>
</tr>
</tbody>
</table>
`
})
export class AppCmp{
public users = [
{
name: "Eesa",
gender: "male"
},
{
name: "Abdullah",
gender: "male"
},
{
name: "Javeria",
gender: "female"
}
]
}

bootstrap(AppCmp);

但我收到以下错误:

EXCEPTION: TypeError: Cannot read property 'gender' of undefined

如您所见,我在同一元素上使用 *ngFor 和 *ngIf,即 tr。为什么我不能在同一个元素上使用 *ngFor 和 *ngIf?还有其他方法可以实现这一目标吗?我重现了问题here on plunker您可以在控制台上看到错误。

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com