如何在角度5中访问数组的元素

Question

我知道这是最基本的问题，但我似乎无法弄清楚。

这是我的代码

getInstabul(): void {
    this.homeService.getWeather()
    .subscribe((weather) => {

      this.instanbulWeathers = weather
      // console.log(this.instanbulWeathers);
    });

这是我的服务

getWeather(): Observable<any>{

    return this.http.get<any>(this.getWeatherUrl())
    .pipe(
      tap(weather => console.log(weather || 'not working')),
      catchError(this.handleError('getWeather', []))

      // this.getWeatherDetails();
    );

返回

[…]
​
0: Object { title: "Istanbul", location_type: "City", woeid: 2344116, … }
​
length: 1
​
<prototype>: Array []

当我在控制台中将其记录为[天气]时。

但是当我尝试登录[weather.title]时我没有任何值 我希望能够获得一个值，该值将传递给then组件中的另一个函数。

帮助，我是新来的

Answer 1

weather是一个单元素数组，因此请在模板中使用{{ istanbulWeathers[0].title }}。

或将istanbulWeathers设置为weather[0]，然后{{ istanbulWeathers.title }}应该可以在您的模板中使用。