Monaca WKWebView src属性を設定しても表示されない

Monaca にてCordovaアプリを開発しています。

UIWebViewからWKWebViewに移行をしているのですが
以下のようにng-repeat内でローカルの画像を表示したいのですが表示されません。

var items = [{"img":"1","icon":"http://sss.sss.ss/aaaa.png"}];

html
1<ion-list id="itemlist">
2        <ion-item ng-repeat="item in items">
3          <!--ダメ-->
4          <img ng-src="./img/img-{{item.img}}.png" style="border-radius:0px;"/>
5　　　　　<!--WEB上の画像はOK-->
6          <img ng-src="{{item.icon}}" style="border-radius:0px;"/>
7        </ion-item>
8</ion-list>

関係ありそうなところのプラグインは
WKWebView
Custom Scheme
が入っています。

なぜだかわかる方ご教授ください。

行動規範の内容に同意します

回答1件

自己解決

Monacaに問い合わせまして回答を得られましたのでここに残しておきます。

「AngularJS」では、セキュリティー対策としてカスタムスキームを使用したURLは、「無効化」され、使用できなくなります。

対象のURLが無効化された場合は、URLの先頭に「unsafe:」が追加されます。

次に、URLの先頭に「unsafe:」が追加され無効化されている場合は、
「AngularJS」の「$compileProvider」で提供されている
「aHrefSanitizationWhitelist」「imgSrcSanitizationWhitelist」を
使用することで、回避することができます。

java
1//app.js
2myApp.config(['$compileProvider', function($compileProvider) {
3	$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|s?ftp|mailto|tel|file|monaca-app|monaca-debugger):/);
4	$compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|s?ftp|mailto|tel|file|monaca-app|monaca-debugger):/);
5	}]);