我想要的是每个名称都将获得其关联值,但是下面的代码将在每个循环上打印所有值,然后在最后一个值处停止。
Home.html
<template>
<div repeat.for="name of names">
${getvalue(name)}
<p>Hello ${value}</p>
</div>
</template>
Home.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