2017-10-19 15 views
0

ng-src属性に問題があります。 ローカルホストでプロジェクトを実行すると、画像が正しく表示されます。nw.jsが動作していないangularjs。 ng-src属性

<img width = "100%" ng-src = "{{item.poster}}"> 

しかし、私はnw.jsを使用してプロジェクトを開始した場合、pictuteだけテキスト値なしはありません。 誰がこの問題に直面したのですか?解決方法を教えてください。

は、ここで私は

<div class="col-md-2 movie-con" style="padding:5px" ng-repeat="item in movie | filter:query"> 
    <div class="col-md-12 img" style="padding:0;"> 
     <img width="100%" ng-src="{{ item.poster }}"> 
    </div> 
    <div class="col-md-12"> 
     <span style="color:#AEAEAE;">{{ item.name }}</span> 
    </div> 
</div> 
+0

あなたはどのようにnw.jsに見えるか共有することはできますか? – wap300

+0

実際のアドレスを調査し、正しいリソースの場所を指しているかどうかを確認することがあります。 – BrokenRobot

答えて

0
app.config(['$compileProvider', function ($compileProvider) { 
    $compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|local|data|chrome-extension):/); 
}]); 

これは、画像を表示して問題を解決します。私は助けた

1

は、あなたが「NG-IF」ディレクティブを使用することができます繰り返しコードの全体のコードです。次に例を示します。ここでは

<div ng-app="myApp"> 
    <div ng-controller="myCtrl"> 
    <div ng-repeat="item in items" style="border: 1px solid blue; margin: 10px; display: inline-box;" > 
     <div ng-if="!item.url"> 
     {{item.title}} 
     </div> 

     <div ng-if="item.url"> 
     <img src="{{item.url}}" height=80 /> 
     </div> 
    </div> 
</div> 

は実際の例です:http://jsfiddle.net/4bstcobj/1/

関連する問題