idクラスのクラスのimgを変更しました

Question

私はそれについて読んでいますが、それでも動作させることはできません。 私は希望のリストに追加されたことを示すために、別のイメージ（フルハート）に変更したいイメージ（空のハート）を持っています。ここ

は私のコードです：

<tbody class="mainImgs"> 
    <div ng-repeat="party in showtop5" ng-class=party.name> 
     <img ng-src="{{party.image}}"> 
     <h2 id="title">{{party.title}}</h2> 
     <h3 id="description">{{party.description}}</h2> 
     <button href="#" class="imageClick" ng-click="click(party.title, party.description, party.image)"> 
     <img ng-src="../images/emptyHeart.png" id="heart" click="myFunction(party.name, imageClick)"> 
     </button> 
     <img ng-src="{{party.img}}" id="pace"> 
    </div> 
</tbody> 

と私のスクリプト：

function myFunction(myclass1, myclass2){ 
     document.getElementByClass(myclass1).getElementByClass(myclass2).getElementById("heart").src = "../images/fullHeart.png"; 
    } 

は私が間違って何をしましたか？ IDのみで画像を検索しようと - - クラスを送信せずに tはそのちょうど約変更した画像は、それは前方にかなりまっすぐに扱うことができる場合、私は思う

Answer 1

を印刷している最初のオブジェクトの心のためにのみ機能します。

コントローラ内のHTML

<button href="#" class="imageClick" ng-click="click(party.title, party.description, party.image)"> 
    <img ng-src="{{imgPath}}" id="heart" ng-click="myFunction(party.name, imageClick)"> 
</button> 

で

：

$scope.imgPath = "../images/emptyHeart.png"; 
$scope.myFunction= function (name,imageClick){ 
    // use promise to monitor the server response of adding product to Wishlist 
    ("YOUR_PROMISE_CALL").then(
    function(success){ 
     $scope.imgPath = "../images/fullHeart.png"; // Bingo !! 
    }, 
    function(error){ 
     // take appropriate action 
    }, 
) 
}