带有 nw.js 的 angularjs 不起作用。 ng-src 属性答案

【问题标题】：angularjs with nw.js not working. ng-src attribute带有 nw.js 的 angularjs 不起作用。 ng-src 属性
【发布时间】：2017-10-19 18:37:18
【问题描述】：

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>

【问题讨论】：

你能分享一下它在 nw.js 上的样子吗？
也许调查实际地址并确认它们指向正确的资源位置。

标签： javascript angularjs nw.js

【解决方案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/

【讨论】：

【解决方案2】：

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

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

【讨论】：