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 – 将参数传递到定制指令中的ng-click指令

相关文章