angularjs – 如何访问Angular指令中的dom元素

前端之家收集整理的这篇文章主要介绍了angularjs – 如何访问Angular指令中的dom元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图附加一个keyup事件给一个指令一个我的Angular项目。这里是指令: @H_502_1@angular.module('clinicalApp').directive('chatContainer',function() { return { scope: { encounter: '=',count: '=' } templateUrl: 'views/chat.container.html',link: function(scope,elem,attrs) { scope.count = 500; } }; });

这里是模板中的html:

@H_502_1@<div class="span4 chat-container"> <div class="chat-body"> <form accept-charset="UTF-8" action="#" method="POST"> <div class="text-area-container"> <textarea id="chatBox" class="chat-Box" rows="2"></textarea> </div> <div class="button-container btn-group btn-group-chat"> <input id="comment" class="btn btn-primary btn-small btn-comment disabled" value="Comment" ng-click="addMessage()"/> </div> </form> </div> </div> </div>

我想访问我的链接功能中的聊天室,并附加keyup事件。我知道我可以用jQuery来获取它,但这不是Angular的方式。从dom获取元素的正确方法是什么?

您可以轻松地使用Angular’ element‘find()方法: @H_502_1@var chatBox = elem.find("textarea"); // Finding chatBox.bind("keyup",function(){ // Binding console.log("KEYUP!") })

实例:http://jsfiddle.net/cherniv/S7XdK/

原文链接:https://www.f2er.com/angularjs/145096.html

猜你在找的Angularjs相关文章