Вернул последнее значение вместо правильного - PullRequest
Новая
       32

Вернул последнее значение вместо правильного

2 голосов
/ 29 января 2020

Я хочу, чтобы каждое имя получало свое ассоциированное значение, но следующий код напечатает все значения на каждом l oop, затем остановится на последнем значении.

Home. html

<template>
   <div repeat.for="name of names">
    ${getValue(name)}
    <p>Hello ${value}</p>
   </div>
</template>

Дом. js

export class Home {
    names = ["one", "two", "three"];

    constructor() {
        this.getValue();
        this.value = "";
    }

    getData() {
        return httpClient.fetch('example.com/api/v')
            .then(response => response.json())
            .then(data => {
                return data;
            });
    }

    getValue(name) {
        this.getData()
            .then(data => this.value = data.name);
    }
}

Фактические результаты: 

Hello value3 //It prints value1 value2 then stops at value3
Hello value3 //It prints value1 value2 then stops at value3
Hello value3 //It prints value1 value2 then stops at value3

Ожидаемые результаты: 

Hello value1
Hello value2
Hello value3
...