2017-10-19 56 views
0

ng-src属性存在问题。 我在图片上的localhost上运行项目显示正确。与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/