angular ngOnChange内部for..in报[tslint]error的问题

通过ngOnChange钩子来监听组件属性值变化

ngOnchange( name: string ) {

      for ( let myName in nameList ) { ...... }

}

ngOnChange内部出现for..in..语句时 , 会出现一个错误

这个错误并不会影响程序的正常执行 , 只是在编辑器内部显示出来

引起这个错误的原因 : 

我们先看看js中对for in语句的介绍

for in 循环将遍历对象本身的所有可枚举属性以及对象从其构造函数的原型继承的属性（更靠近原型链中对象的属性覆盖原型的属性）。

我们有可能遍历出并不是我们想要的属性 , 这里就要使用if加一个限制 , 只遍历对象自己的属性

这样就有两种解决方式 : 

使用Object.Keys（）方法，返回给定对象自己的可枚举属性的数组

for( let name in Object.keys(nameList)){ ... } 

使用Object.prototype.hasOwnProperty（）方法，该方法返回一个布尔值，指示对象是否具有指定属性作为自己的（非继承）属性，以进行过滤继承的属性

for( let name in nameList){ 

    if(nameList.hasOwnProperty(name)){  ... }

 }