1. 程式人生 > >Angular運行於nw.js時ng-src無法顯示的問題解決

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