Angular指令链接方法将元素作为对象

Question

这是我的Angular代码:

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

号角返回jQlite对象.所以,像jQuery一样,选择你需要使用的当前html元素element[0].另一种方法是将变量赋值给element[0].

var elm = element[0];

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