2017-10-16 48 views
1

我有一个离子1应用程序,即时尝试动态更改IMG源。我认为我必须做更新的范围链接到这个来源,但它没有奏效。任何想法可能是错误的?Img src不会改变当我更新源

my View 
<div ng-if="isList" class="item style-list" ng-repeat="(key, item) in items" 
     ng-click="goTo(item)"> 
      <div class="img-container" ng-if="isList"> 
       <m-img encode="true" src="item.image"></m-img> 
      </div> 
    <h1 ng-bind="item.title"></h1> 
      <p ng-bind="item.resume" ng-if="item.resume"></p> 
      <p ng-bind-html="stripHtml(item.description) | mCut:100" ng-if="!item.resume"></p> 
    </div> 

my Controller 
    $scope.$on("update-data", function(event, args) { 

     $scope.items[1].description = 
     args.response.results[0].item.description; 
     $scope.items[1].id = args.response.results[0].item.id; 
     $scope.items[1].image = args.response.results[0].item.image; 
     $scope.items[1].resume = args.response.results[0].item.resume; 
     $scope.items[1].title = args.response.results[0].item.title; 

    }); 

我的M-IMG组件

html 
<div class="thumb-size notloaded"> 
    <div class="thumb" ng-if="imgStyle" ion-img-cache-bg ng- 
style="imgStyle"> 
    </div> 
</div> 

我的M-IMG JS还挺丰富的,在这里https://codeshare.io/adABMe

+0

并购后,IMG组件 – Karim

+0

的代码只是贴吧! –

+0

我以前没有和Ionic一起工作过,但是您是否尝试过[使用ng-src](https://docs.angularjs.org/api/ng/directive/ngSrc)? –

回答

1

似乎错误是mImg组件内部,从代码here你”不要在src属性上观察更改(但是您只在url属性中执行此操作,而不使用此属性),并且触发某些逻辑(在$scope.load中定义)来更新视图。

你应该甚至src添加守望触发您的负载方法来更新$scope.imgSrc变量,这应该更新你的观点。因此

controller: function($scope, $timeout, $mAppDef) { 
    $scope.$watch('src', function() { 
    $scope.load() 
    }); 
} 
+0

我会看看,非常感谢支持! –

+0

不客气,希望对你有所帮助:) – Karim

+1

感谢一百万人的工作就像一个魅力! –