gpt4 book ai didi

angularjs - Angularjs ng-src 从函数调用异步加载图像

转载 作者:行者123 更新时间:2023-12-02 23:41:18 25 4
gpt4 key购买 nike

我想知道是否可以将函数调用的结果分配给图像中的 ng-src?

基本上,我需要从 aspx 页面检索一组数据的一组缩略图,可能有也可能没有缩略图。因此,当缩略图页面没有返回任何内容时,我需要显示不同的预设图像。

类似这样的:

<img ng-src="getThumbnail({{ item.Id }})" />

其中 getThumbnail 是一个向 url 发出 http 请求的函数,例如

http://localhost/Srv/getThumbnail.aspx?id=111

我已经尝试过这个,但 Angular 正在生成这个:

<img ng-src="getThumbnail(111)" src="getThumbnail(111)">

而不是调用函数。有更好的方法吗?

最佳答案

我已经对你的问题发表了评论,但在查看 AngularJS 文档后我将提供我的建议作为解决方案。 ng-src指令将正确设置 imgsrc 属性。该指令可以包含 Angular expressions这些可以调用 Controller 中包含的函数并且可以在当前范围内访问。因此,而不是:

<img ng-src="getThumbnail({{ item.Id }})" />

试试这个:

<img ng-src="{{ getThumbnail(item.Id) }}" />

在前一个声明中,该函数对 Angular 作用域不可用,但在后者中可用。 (如果我没记错的话,因为我自己没有尝试过代码)。

确保 getThumbnail 函数位于当前范围可访问的 Controller 中。

关于angularjs - Angularjs ng-src 从函数调用异步加载图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23530621/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com