在指令模板字符串中用于字符串连接的有效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}}"