大佬教程收集整理的这篇文章主要介绍了typescript – Angular 2 – 无法使用上下文读取未定义错误的属性“0”错误上下文:[object Object],大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
getRecords(): Observable<any>{ return this.http.get(this.fetchAdminData) .map(this.extractData) .catch(this.handleError); }
和提取数据如下
private extractData(res: ResponsE) { let body = res.json(); return body || { }; }
在我的组件中,我称之为如下
import {Component,OnInit} from '@angular/core' import {FormsHandler} from '../services/service.forms' @Component({ SELEctor: 'form-admin',templateUrl: '../partials/form5.html' }) export class FormAdminComponent implements OnInit { public records constructor(private formHandler : FormsHandler){ } ngOnInit(){ this.formHandler.getRecords().subscribe(res => { if (res.ok){ this.records = res.data console.log(res) console.log(this.records[0]) } }) } }
但是当在html中调用如下时它会出错
{{records}} // this is working perfectly {{records[0]}} //CAnnot read property '0' of undefined ERROR COntexT: [object Object]
我甚至无法像这样访问我的嵌套对象
<tr *ngFor="let record of records"> <td>{{record.firstName + " "+ record.middlename+ " "+ record.LastNamE}}</td> <td>{{record.bankingDetails.company}} </td> // This results in errorTypeError: CAnnot read property 'company' of undefined <td>{{record.bankingDetails}} </td> //working fine but resulTing in [object Object] <td>Pending</td> </td> </tr>
结果为TypeError:无法读取未定义的属性“company”
我的回答是这样的
Object {ok: true,data: array[2]}
和完整的数据是这样的:
[ { "Address": { "addressLine1": "nh","addressLine2": "nghn","city": "ngh","formStatus": 2,"pinCode": "ngh","state": "nghn" },"BankingDetails": { "bankName": "csdcss","company": "cd","designation": "kn","loanamount": "csd","loanPurpose": "cs","panCardnumber": "84894848","salary": "55" },"contact": "vsd","date": "vsd","dob": Mon Jan 01 1 00:00:00 GMT+00:00,"email": abhishek@gmail.com,» "firstName": "cs","firstname": "","formStatus": 3,"gender": "male","id": "98fd72b9-62fe-4fcd-90d6-f2a5f83c052b","isAdmin": 1,"lastName": "vs","lastname": "","middlename": "vds","middlename": "","month": "vsd","password": <binary,60 bytes,"24 32 61 24 31 30...">,"username": "","year": "vs" },... ]
我没有得到我做错了什么因为它与console.log工作正常并打印json但是无法使用html访问
我还注意到,当我使用时
{{records}}
我必须明确写
{{records | json}}
获取我的完整数据
以上是大佬教程为你收集整理的typescript – Angular 2 – 无法使用上下文读取未定义错误的属性“0”错误上下文:[object Object]全部内容,希望文章能够帮你解决typescript – Angular 2 – 无法使用上下文读取未定义错误的属性“0”错误上下文:[object Object]所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。