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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 将元素作为对象返回的Angular指令链接方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含763字，纯文字阅读大概需要2分钟。

内容图文

这是我的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]？

解决方法:

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

var elm = element[0];

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

内容总结

以上是互联网集市为您收集整理的javascript – 将元素作为对象返回的Angular指令链接方法全部内容，希望文章能够帮你解决javascript – 将元素作为对象返回的Angular指令链接方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端