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

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

页面上呈现源代码

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

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

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

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

首先这个

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

应该

ng-click="togglePhoto($index)"

大括号不需要!

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

ng-click="togglePhoto($event)"

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

$scope.togglePhoto = function(e)
{
    console.log(e.currentTarget)
}

猜你在找的Angularjs相关文章