javascript - Angular 指令链接方法将元素作为对象返回

Question

这是我的角度代码：

angular.module('player', [])
.directive('playButton', function() {
    return {
        restrict: 'A',
                    /* I want to get the element parameter bellow as HTMl, 
                    not an object with an element stored within.
                    I don't want to access the HTML element as element[0]*/
        link: function($scope, /* this parameter -> */ element, attr) {
            console.log(typeof(element));
            // element[0].addEvent('click', function() {
            //  console.log('Moo!');
            // });
        }
    }
})

我想要实现的是将链接方法中的元素参数作为 html 获取，以便我可以使用 MooTools 对其进行操作。有什么方法可以防止在元素变量之后使用 [0] 吗？

Answer 1

不。Angular返回一个jQlite对象。因此，像 jQuery 一样，要选择当前的 html 元素，您需要使用element[0]. 另一种方法是将变量分配给element[0].

var elm = element[0];

elm.addEvent('click', function() {
     console.log('Moo!');
 });