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

一款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/