如何在我的案例中找到一个子元素？

Question

我正在尝试在我的应用中使用Angular 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

使用Angular，您希望避免在控制器中执行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';
   }
}