Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs Ionic-基于条件的ng src负载图标_Angularjs_Ionic Framework - Fatal编程技术网

Angularjs Ionic-基于条件的ng src负载图标

Angularjs Ionic-基于条件的ng src负载图标,angularjs,ionic-framework,Angularjs,Ionic Framework,在我的ionic应用程序中,我需要使用ng src加载图标。根据文档的格式,需要显示相应的图标 我试着做一些类似的事情 <img ng-src="{{format === 'docx' ? '../img/Word-icon.png' : '../img/PDF-icon.png')}}"> 如果格式为docx(我已验证格式值是否正确),则显示Word-icon.png。对于其他内容,请显示PDF-icon.png 这是行不通的。事实上,当我这样做时,页面停止加载。它不会在浏览

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

我试着做一些类似的事情

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

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

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

您在表达式末尾有不必要的

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


感谢您为我们指出了额外的大括号。现在页面已经开始加载,但是图像仍然没有加载。图像在Ionic应用程序中显示为空白。您是否在页面上有
ng app=“myApp”
(myApp将是您的应用程序模块)指令在页面上运行angular?是的,页面上还有其他几个angular语句可以正常工作。@kayasa您确定这不仅仅是路径问题吗?当您查看图像所在的元素时,在开发人员工具中看到了什么?您可以检查该元素上的
src
属性吗?那个么你们可能会把图像路径问题搞砸