《Angular之any类型慎用》

前端之家收集整理的这篇文章主要介绍了《Angular之any类型慎用》前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言:@H_404_3@

千锤万凿出深山,实践知识刷新。@H_404_3@

正文:@H_404_3@

在 typescript语法中有一种数据类型为any类型,比如:@H_404_3@

ruleResultModel: any;@H_404_3@
let url = 'riskTip/eruleRestult/B001/申请审核' this.http.get(url).subscribe( res => { this.ruleResultModel = res.json().data; console.log(this.ruleResultModel); } ) @H_404_3@

HTML:@H_404_3@

[nzDataSource]="ruleResultModel.ruleExecutionResult"@H_404_3@

我将ruleResultModel定义成了any类型,在HTML进行渲染使用,当前后端交互成功,即为res.json().data有值时,ruleResultModel也就有了意义,这种定义没有问题。然而一旦res.json().data为null时,即为ruleResultModel没有被赋值,没有任何意义,html中还使用了ruleResultModel,便会报错:@H_404_3@


@H_404_3@

错误指向:@H_404_3@


@H_404_3@

继而,any类型要慎用,最初的尝试或者测试可以暂时定义成any类型,尽量定义的变量在最初的时候便赋予意义。
@H_404_3@

上述说的这种现象,解决方案如下:
@H_404_3@

要使用ruleResultModel这个对象,便首先定义类,让其有意义:@H_404_3@

export class RuleResultModel{ orderNum: string; callType: string; finalCheckResult: string; loanMoney: string; redelegation: string; withdrawMoney: string; riskLevel: string; isUnusual: string; unusualType: string; scoreResult: string; blacklistId: string; nextApplyDate: string; ruleExecutionResult = new Array(); } @H_404_3@

其次,实例化这个类:@H_404_3@

ruleResultModel = new RuleResultModel();@H_404_3@

继而便会解决图中所示问题:@H_404_3@


@H_404_3@

备注:可能不想定义类,直接这么写代码
@H_404_3@

ruleResultModel = new Model();@H_404_3@

这样写,错误依旧,所以还得按照上述方案进行定义和使用。@H_404_3@


@H_404_3@

结语:@H_404_3@

@H_404_3@

猜你在找的Angularjs相关文章