angularjs - 指令模板字符串内字符串连接的有效 ng-src 语法

Question

我在图像标签中有一个 ng-src 属性，该属性作为字符串从指令的模板属性加载，该属性应该加载用户选择的图像。然而，当页面加载时，控制台输出 404，因为没有选择图像并且 ng-src 正在加载空图像。我目前拥有的是这个

"<img  ng-src="myserver.com/{{imagesPath+ selectedImage}}"></img>"

但只要 selectedImage 是空字符串，我就会收到空请求。

我尝试将其更改为

"<img class='snapshot' ng-src='{{selectedImage.length? \'myserver.com\' + imagesPath +selectedImage : \'\' }}'></img>"

这不起作用。正确的语法是什么？

Answer 1

我遇到了同样的问题，使用 ng-if 解决了它(谢谢!!)。尽管我必须更改 ng-src 中字符串的连接方式:

ng-src="{{'myserver.com/'+ imagesPath}}"