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

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

结语：