Angular运行于nw.js时ng-src无法显示的问题解决

来源:互联网 发布:淘宝云客服报名条件 编辑:程序博客网 时间:2024/06/03 19:33

一款app使用前端框架angularjs开发,需要支持web端和pc客户端,使用nw.js封装网页在电脑上运行。

出现了一个问题是在web端图片都能正常显示,但是在nw环境下无法显示。

嵌入图片的方式如下:

<li ng-class="{'active':vm.role == 'admin'}" ng-click="vm.navClick('admin');">    <img ng-src="images/{{vm.adminIcon}}.png">    <p>管理员</p></li>

打开nw的调试窗口发现如下报错:

Failed to load resource: net::ERR_UNKNOWN_URL_SCHEME

经过查阅资料得知是angularjs的白名单问题,随后在app.js中设置白名单,问题解决:

app.config(function ($compileProvider) {    $compileProvider.imgSrcSanitizationWhitelist('.jpg|.png');});

本文转载自:http://www.ovrtop.com/index.php/2017/02/25/angular-nw-js-ng-src-error/

0 0
原创粉丝点击