《Angular之any类型慎用》

前言:

千锤万凿出深山，实践知识刷新。

正文：

在 typescript语法中有一种数据类型为any类型，比如：

ruleResultModel: any;

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

HTML:

[nzDataSource]="ruleResultModel.ruleExecutionResult"

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

错误指向：

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

上述说的这种现象，解决方案如下：

要使用ruleResultModel这个对象，便首先定义类，让其有意义：

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(); } 

其次，实例化这个类：

ruleResultModel = new RuleResultModel();

继而便会解决图中所示问题：

备注：可能不想定义类，直接这么写代码：

ruleResultModel = new Model();

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

结语：