2017-10-19 7 views
0

ng-src 특성에 문제가 있습니다. 그림이 올바르게 표시되면 localhost에서 프로젝트를 실행합니다.nw.js가있는 angularjs가 작동하지 않습니다. ng-src 특성

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

nw.js에서 어떻게 보이는지 공유 할 수 있습니까? – wap300

+0

아마도 실제 주소를 조사하고 그들이 올바른 자원 위치를 가리키고 있는지 확인하십시오. – BrokenRobot

답변

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

이 이미지를 표시와 함께 문제를 해결 여기에 예입니다. 내가 도왔습니다

1

당신은 "NG-경우"지시문을 사용하여 반복 코드의 전체 코드입니다.

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