Hellom's Studio.

ng7 *ngfor 循环遍历 属性不存在

字数统计: 185阅读时长: 1 min
2019/07/12 Share

之前变量赋值都是这样做的 然后使用把 testData 值 绑定在页面上

1
2
3
4
5
6
7
8
9
10
11
12

public testData: any = [];

this.ajax.loadData({
title: '获取数据',
method: 'get',
uri: `product/parameter`
}).subscribe(res => {
if (res.status == 1) {
this.testData = res.payload.testData;
}
})

但是如果很多值需要绑定呢?难道每个都写一个变量咩 那多麻烦

所以就想偷偷懒 直接用 . 取值

1
2

*ngFor="let item of stairData[curIndex].data"

然后编译的时候 就报了这个 . 后面的 data 属性不存在

这就很气了呢 为啥要报错 ts里 就行呢

后面翻阅了蛮多资料 找到如下解决办法

  • 在第一个字段后加个 ? 判断属性是否存在
1
2

*ngFor="let item of stairData[curIndex]?.data"
CATALOG