image - Windows Phone 8 和 AngularJs - ng-src 不工作？

Question

我正在尝试在 Windows Phone 模拟器上运行我的(Phonegap/Angular)应用程序。
一切正常，但有些图像无法显示。我发现 ng-src 是麻烦制造者。当我对同一文件夹中的本地镜像使用 src 而不是 ng-src 时 - 它工作正常。

这里有一些例子:

显示:

<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">

不起作用。

编辑2*

在模拟器浏览器中测试......也可以正常工作。 -.-

Answer 1

this is not a solution per se: Angularjs is broken on WP8 devices.

不它不是...

我知道了:

这只是旧 IE 和 Windows Phone 的问题。
SrcUrls 必须是白名单。否则 angular 会在每个 src Url 上生成一个“不安全:”前缀。
可以通过更改 angular 应用程序配置来修复它，如下所示:

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'
            });
}]);