如何使用插值來訪問數組索引？

Question

我想使用插值來訪問數組索引處的特定項，但這給了我這個錯誤：“ TypeError：無法設置未定義的屬性'0'。”

當數組未定義時會發生這種情況，但是我已經在構造函數中定義了它。

1. parsedData看起來像

[
    {
      "studyID": "12345",
      "date": "Thu Jul 18 2019 16:05:58 GMT-0700",
      "sex": "f",
      "dateOfBirth": "1987-01-02",
      "minHz": "25.0",
      "maxHz": "55.0",
      "session": [ 
        {
          "incr": "33.2",
          "decr": "34.7"
        },
        {
          "incr": "34.0",
          "decr": "30.8"
        }
      ],
      "average": "31.5",
      "variance": "2.3"
    },

但已被字符串化並解析為一個對象。

2. 我有一個名為dateObjects的數組，應該存儲日期。 例如，新的Date（'Thu Jul 18 2019 16:05:58 GMT-0700'）將位於索引0。這發生在迭代中。

for (var i = 0; i < this.parsedData.length; i++) {
        this.dateObjects[i] = new Date(this.parsedData[i].date);
    }

3. 我的HTML代碼：

 <div class="table" *ngFor="let data of parsedData; index as i"> 
Date: {{ this.dateObjects[i] | date:'fullDate'}}
</div>

我希望它可以打印出dateObjects數組中的日期，但是會導致錯誤：TypeError：無法設置未定義的屬性“ 0”。

Answer 1

因為您已經在parsedData上進行迭代並將其存儲在數組（dataObjects）中，所以我認為應該在HTML中對dataObjects進行迭代，而不是parsedData

<div class="table" *ngFor="let data of this.dataObjects; index as i"> 
Date: {{ data | date:'fullDate'}} // here data will be your each array element
</div>