Блог

Я получаю ошибку в моем VSCode, хотя моя страница, кажется, работает правильно. Я предполагаю, что я делаю что-то неправильно, хотя все работает.

Я пытаюсь поместить объекты в новый массив вне моей функции ngOnInit, а затем использовать этот массив в моем компоненте с циклом * ngFor. Однако в моем компоненте я получаю сообщение об ошибке «Идентификатор ‘time’ не определен. «не содержит такого элемента». В моих переменных.

Я предполагаю, что это как-то связано с жизненным циклом событий, возможно, в то время, когда информации там нет?

В любом случае, вот код, с которым я работаю:

 import { Component, OnInit, OnDestroy } from '@angular/core';
import { WeatherService } from '../weather.service';
import { Subscription } from 'rxjs';
import * as moment from 'moment';
import { _ } from 'underscore';

@Component({
  selector: 'app-forecast',
  templateUrl: './forecast.component.html',
  styleUrls: ['./forecast.component.css']
})
export class ForecastComponent implements OnInit, OnDestroy {

  private weatherSub: Subscription;

  constructor(public weatherService: WeatherService) { }

  daysOfWeek = [];


  ngOnInit() {
    this.weatherSub = this.weatherService.getWeatherListener()
    .subscribe((weather: any) => {
      const daysOfWeekData = weather.weekData.data;
      const slicedDaysOfWeek = daysOfWeekData.slice(1, 6);
      _.each(slicedDaysOfWeek, (day) => {
        const days = moment.unix(day.time).format('dddd');
        day.time = days;
        this.daysOfWeek.push(day);
      });
    });
  }
}
  

Вот код компонента:

 <div class="forecast-container">
  <div
  *ngFor="let day of daysOfWeek"
  class="day-container"
  >
    <p>{{day.time}}</p>
    <i class="wi wi-showers"></i>
    <p>{{day.apparentTemperatureHigh}}</p>
    <p>{{day.apparentTemperatureLow}}</p>
  </div>
</div>
  

Как вы можете видеть, код работает, поскольку я получаю данные о погоде. Однако эта ошибка меня пугает.

Есть предложения?

Typescript должен знать тип массива

 public daysOfWeek: any[] = [];
  

или

 interface Day {
  time: string;
  apparentTempertureHight: number;
  apparentTempertureLow: number;
}
  

затем

 public daysOfWeek: Day[] = [];