Question

我希望将click函数绑定到此angular指令中的这些列表项，但我不知道如何执行此操作...元素链接到整个div，但是如何为所有div创建单击侦听器这些列表项......？

    app.directive('paginaLijst', function() {
    return {
    templateUrl: 'js/templates/paginas.html',
    restrict: 'AE',
    replace: true,
    link: function( $scope, element, attrs) {

        element.bind('mouseenter', function () {
            element.css('background-color', 'yellow');
        });
        element.bind('mouseleave', function () {
            element.css('background-color', 'white');
        });
    }
};
});

这是模板

<div ng-class="colSizeList" class="beheer a-show-hide" id="opdrachten" ng-hide="opdActive">
 <h4>Beheer opdrachten</h4>
 <ul class="list-group">
<li class='list-group-item  opdracht' ng-class="{ 'active': $index == selectedIndex }" ng-repeat="opdracht in opdrachten">
        <a href="#">
                <span>{{opdracht.vak}}</span>
                <small>{{opdracht.titel}}</small>
        </a>
</li>
</ul>
</div>

Answer 1

更改为此选择器：

element.find('li').bind(...)

.find() jqLite方法仅限于标记名查找，因此，您必须放置目标元素标记名。

AngularJS - 如何将单击函数绑定到子元素

1 个答案: