Question

ng-src属性的问题。我在localhost上运行项目，图片显示正确。

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

但是如果我使用nw.js启动项目，则没有图片，只有文本值。谁面临这个问题。告诉我如何解决。

以下是我重复的代码的完整代码

<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>

Answer 1

您可以使用指令＆＃34; ng-if＆＃34;。这是一个例子：

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

Answer 2

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

这解决了显示图像的问题。我帮忙了

与nw.js无关的angularjs。 ng-src属性

2 个答案: