2017-10-16 17 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; 

    }); 

マイメートル-IMG要素

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

マイメートル-IMG JSはちょっと広範囲であるが、ここではhttps://codeshare.io/adABMe

+0

ちょうどそれを掲示M-IMG要素 – Karim

+0

のコードを投稿! –

+0

私はこれまでIonicで仕事をしていませんが、[ng-src](https://docs.angularjs.org/api/ng/directive/ngSrc)を試しましたか? –

答えて

1

コードhereあなた」から、エラーがmImgコンポーネントの内部にあるようですsrc属性の変更を監視しないでください(ただし、ここでは使用されていないurl属性のみで行います)、一部のロジック($scope.loadで定義)をトリガーしてビューを更新しています。

あなたもsrcにウォッチャを追加し、$scope.imgSrc変数を更新するために、あなたの負荷メソッドをトリガーする必要があり、これはあなたのビューを更新する必要があり、その結果

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

私は見ていただきます、ありがとうサポートのためにたくさん! –

+0

あなたは大歓迎です、それが助けてくれるでしょう:) – Karim

+1

100万人が魅力のように働いてくれてありがとう! –

関連する問題