图像 – WindowsPhone 8和AngularJs – ng-src无法正常工作？

发布时间：2020-12-17 17:06:49 所属栏目：安全来源：网络整理

导读：我试图在 Windows Phone模拟器上运行我的(Phonegap / Angular)应用程序. 一切正常,但有些图像不会显示.我发现ng-src是麻烦制造者.当我使用src而不是ng-src在同一文件夹中的本地图像时 – 它工作正常. 这里有一些例子： dispalyed： img ng-click="mediaPlay(

我试图在 Windows Phone模拟器上运行我的(Phonegap / Angular)应用程序.
一切正常,但有些图像不会显示.我发现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'
            });
}]);

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!