angularjs – 将参数传递到定制指令中的ng-click指令

前端之家收集整理的这篇文章主要介绍了angularjs – 将参数传递到定制指令中的ng-click指令前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在模板中使用ng-repeat作为自定义指令,如下所示:
  1. <li ng-repeat="image in images">
  2. <img ng-src="{{image.url}}" ng-click="togglePhoto({{$index}})">
  3. </li>

页面上呈现源代码

  1. <li ng-repeat="image in images" class="ng-scope">
  2. <img ng-src="http://example.com/example.jpg" ng-click="togglePhoto(1)" src="http://example.com/example.jpg">
  3. </li>

我有我的指令中定义的函数togglePhoto.没有传入的{{index}}参数可以工作,函数调用.有了索引,它不会触发.

如何获取点击的照片的索引到togglePhoto功能

想出来了希望它帮助任何人坚持下去.

首先这个

  1. ng-click="togglePhoto({{$index}})"

应该

  1. ng-click="togglePhoto($index)"

大括号不需要!

其次,我发现您可以将事件对象传递给点击功能,例如

  1. ng-click="togglePhoto($event)"

然后抓住该事件,并找出在您的点击功能中触发它的元素

  1. $scope.togglePhoto = function(e)
  2. {
  3. console.log(e.currentTarget)
  4. }

猜你在找的Angularjs相关文章