Angularjs Ionic-基于条件的ng src负载图标
在我的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 这是行不通的。事实上,当我这样做时,页面停止加载。它不会在浏览
<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
属性吗?那个么你们可能会把图像路径问题搞砸