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

发布时间：2020-12-17 07:47:51 所属栏目：安全来源：网络整理

导读：我在模板中使用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.

我在模板中使用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)
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!