我试图在
Windows Phone模拟器上运行我的(Phonegap / Angular)应用程序.
一切正常,但有些图像不会显示.我发现ng-src是麻烦制造者.当我使用src而不是ng-src在同一文件夹中的本地图像时 – 它工作正常.
一切正常,但有些图像不会显示.我发现ng-src是麻烦制造者.当我使用src而不是ng-src在同一文件夹中的本地图像时 – 它工作正常.
这里有一些例子:
dispalyed:
<img ng-click="mediaPlay()" ng-hide=showButton() src="img/go.png" style="float: right">
没有显示:
<img ng-src="img/{{poi.poiimage}}" style="display: block; margin: 0 auto">
我的应用程序在Android和IO上运行良好.
任何想法如何解决这一问题?
编辑*
好吧现在它变得怪异o0 …我把这个“img / {{poi.poiimage}}”放在一个p标签中它给了我这条路:img / poi-12-galgentor-01.png
所以我用src试了一下:
<img src="img/12-galgentor-01.png" style="display: block; margin: 0 auto">
和ng-src:
<img ng-src="img/12-galgentor-01.png" style="display: block; margin: 0 auto">
两者都适合我!
但是这个…
<img ng-src="img/{{poi.poiimage}}" style="display: block; margin: 0 auto"> <img src="img/{{poi.poiimage}}" style="display: block; margin: 0 auto">
不起作用.
EDIT2 *
在模拟器浏览器中测试过……工作正常. -.-
解决方法
this is not a solution per se: Angularjs is broken on WP8 devices.
不它不是…
我知道了:
这只是旧IE和Windows手机的一个问题.
SrcUrls必须是whitelistet. Otherwhise angular在每个src Url上生成一个“unsafe:”前缀.
它可以通过更改角度应用程序配置来修复,如下所示:
schreibwerkApp.config(['$routeProvider','$compileProvider',function ($routeProvider,$compileProvider) { $compileProvider.imgSrcSanitizationWhitelist('img/'); $routeProvider. when('/splash',{ templateUrl: 'partials/splash.html' }). when('/terms',{ templateUrl: 'partials/terms.html' }). when('/intro',{ templateUrl: 'partials/intro.html' }). when('/poi/:stationID',{ templateUrl: 'partials/poi.html',controller: 'PoiCtrl' }). when('/directive',{ templateUrl: 'partials/directive.html' }). when('/imgview/:stationID/:imgID',{ templateUrl: 'partials/imgview.html',controller: 'ImgCtrl' }). otherwise({ redirectTo: '/splash' }); }]);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。