通过包含缺失的月份在 *ngFor 中显示月份序列

Question

我正在尝试注入此对象 {"view":"monthName","count":0} 以代替 JSON this.osData 日历月序列中缺失的月份。

我遇到的问题是月份重复，顺序也不对。

笨蛋 link here

我试过的逻辑如下：

 tempData.forEach((cardData)=> {
     cardData.cardData.forEach((view)=>{
       months.forEach((month)=>{
         if(month==view.view){
            console.log(tempData);
         }  else{
           cardData.cardData.push({"view":month,count:0})      
           }
      })  
     })
   })
 }

请告诉我上述情况出了什么问题。或者是否有任何功能可以从 HTML 端验证以注入值为 0 的缺失月份？

Answer 1

Array.push 总是将新项目添加到数组的末尾。在这里你应该使用 Array.splice 来代替。将项目插入数组的特定索引的语法如下：

myArr.splice(2, 0, 'newItem');   // insert newItem into myArr at index 2

参考固定的Plunder demo.

通过包含缺失的月份在 *ngFor 中显示月份序列

Display sequence of months in *ngFor by including missing months

javascript

angular2-template

ngfor

angular