Как найти дочерний элемент в моем случае?

Question

Я пытаюсь использовать угловые JS в моем приложении, и у меня есть вопрос относительно события щелчка

в моем HTML

<div ng-click='clickMe()' ng-controller='testCtrl'> 
    <img src='test.png'/> 
    more codes... 
</div> 

controller.js

.controller('testCtrl', function(){ 
    $scope.clickMe = function(){ 
     $(this).find('img').attr('src','newImg.png') 
    } 
} 

Я хочу, чтобы иметь возможность использовать метод $(this).find(), чтобы найти изображения или другие элементы, но я не уверен, что вы сделаете это в Angular. Кто-нибудь может мне помочь? Большое спасибо!

Answer 1

С Угловое, вы хотите делать, чтобы избежать манипуляции DOM в контроллере, но вместо того, чтобы воспользоваться привязки данных, чтобы сделать это ...

<div ng-click='clickMe()' ng-controller='testCtrl'> 
    <img ng-src='{{imgSrc}}'/> 
    more codes... 
</div> 

контроллер

.controller('testCtrl', function(){ 
    $scope.imgSrc = 'test.png'; 
    $scope.clickMe = function(){ 
     $scope.imgSrc = 'newImg.png'; 
    } 
}