如何解决在 angular 模板中创建一个变量并在模板本身中从 API 分配数据
我有一个包含 20 行的产品表。我必须在每一行上显示我应该从其他服务获得的产品图像。限制是图像 API 一次只需要一个产品 ID 来返回图像 URL。所以我必须进行 20 次 API 调用才能获得 20 张图片。
我正在尝试使用反应式方法并尝试订阅模板本身中的 API,如下所示
<div let-product-data="getProductImage(1234)| async" >
<img src="{{product-data.image}}">
</div>
TS 代码:
getProductImage(imageId) {
const url = `${environment.DEV}/product/stockroomInfo`;
return this.http.post(url,{id:imageId});
}
但是上面的代码不起作用。有人可以帮助我解决我在这里做错的事情吗?
或者这样行不通?我应该采用其他方法吗?建议,请
解决方法
您在 *ngFor 中使用异步管道的方法应该可以正常工作,但是,您的语法看起来不太正确。
代替 int NumberOfTries = 3; //Even when = 10,it only goes 2 times
Console.WriteLine("Safe code: ");
string input= Console.ReadLine();
Console.WriteLine("Safe code is: " +input);
for (int i = 0; i < NumberOfTries; i++)
{
Console.WriteLine("Input code: ");
string code= Console.ReadLine();
if (input == code)
{
Console.WriteLine("Access granted!");
break;
}
else
{
Console.WriteLine("Wrong code,try again!");
NumberOfTries--;
}
}
if (NumberOfTries == 0)
Console.WriteLine("Safe locked!");
Console.ReadKey();
,试试这样的:
let-product-data
这是一个有效的 StackBlitz
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。