Ionic - ng-src根据条件加载图标

时间:2016-09-26 14:13:52

标签: angularjs ionic-framework

在我的离子应用程序中,我需要使用ng-src加载图标。根据文档的格式,需要显示相应的图标。

我试图做像

这样的事情
<img ng-src="{{format === 'docx' ? '../img/Word-icon.png' : '../img/PDF-icon.png')}}">

如果格式为docx(我已验证格式值是否正确),则显示Word-icon.png。其他一切显示PDF-icon.png。

这不起作用。事实上,当我这样做时,页面停止加载。它不会在浏览器控制台中引发错误,也不会加载页面。图标存储在离子应用程序的www文件夹内的img目录中。

1 个答案:

答案 0 :(得分:2)

表达式结尾处有不必要的)

<img ng-src="{{format === 'docx' ? '../img/Word-icon.png' : '../img/PDF-icon.png'}}">