web-dev-qa-db-ja.com

Angular Angular4 / TypescriptのForEach?

これを検索すると、ngForの使用に関する多くの回答がありますが、ngForは理解しています。 Angular 1コントローラーで使用されるangular.forEach()コンストラクターについて質問しています。これらはTSでエラーとしてフラグが付けられ、コンパイルされません。

たとえば、ネストされたループを持つものがあります:

 _this.selectChildren = function (data, $event) {
  var parentChecked = data.checked;
  angular.forEach(_this.hierarchicalData, function (value, key) {
    angular.forEach(value.children, function (value, key) {
      value.checked = parentChecked;
    });
  });
};

Angular 4のTypeScriptでは、この構造はどのように見えますか?

15
Steve

そのようなangular4 foreachで。これを試して。

 selectChildren(data, $event) {
      let parentChecked = data.checked;
       this.hierarchicalData.forEach(obj => {
          obj.forEach(childObj=> {
            value.checked = parentChecked;
         })
      };
    }
33

typeScriptのForを試すことができます:

selectChildren(data , $event){
   let parentChecked : boolean = data.checked;
   for(let o of this.hierarchicalData){
      for(let child of o){
         child.checked = parentChecked;
      }
   }
}
10
arrayData.forEach((key : any, val: any) => {
                        key['index'] = val + 1;

                        arrayData2.forEach((keys : any, vals :any) => {
                            if (key.group_id == keys.id) {
                                key.group_name = keys.group_name;
                            }
                        })
                    })
2
Aspian

TypeScriptでは、以下のようなFor Eachを使用します。

selectChildren(data, $event) {
let parentChecked = data.checked;
for(var obj in this.hierarchicalData)
    {
        for (var childObj in obj )
        {
            value.checked = parentChecked;
        }
    }
}
0
Yuvraj