当前位置:  开发笔记 > 编程语言 > 正文

WindowsPhone 8和AngularJs - ng-src无法正常工作?

如何解决《WindowsPhone8和AngularJs-ng-src无法正常工作?》经验,为你挑选了1个好方法。

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

这里有一些例子:

dispalyed:


没有显示:


我的应用程序在Android和IO上运行良好.

任何想法如何解决这一问题?

编辑*

好吧现在它变得怪异o0 ...我在ap标签中推出了这个"img/{{poi.poiimage}}"它给了我这条路径:img/poi-12-galgentor-01.png

所以我用src试了一下:


和ng-src:


两者都适合我!

但是这个...



不起作用.

EDIT2*

在模拟器浏览器中测试过......工作正常.-.-



1> Daniel R...:

这本身不是解决方案:Angularjs在WP8设备上被破坏了.

不它不是...

我知道了:

这只是旧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'
            });
}]);

推荐阅读
mobiledu2402852357
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有