我试图附加一个keyup事件给一个指令一个我的Angular项目。这里是指令:
angular.module('clinicalApp').directive('chatContainer',function() {
return {
scope: {
encounter: '=',count: '='
}
templateUrl: 'views/chat.container.html',link: function(scope,elem,attrs) {
scope.count = 500;
}
};
});
这里是模板中的html:
<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()方法:
var chatBox = elem.find("textarea"); // Finding
chatBox.bind("keyup",function(){ // Binding
console.log("KEYUP!")
})
实例:http://jsfiddle.net/cherniv/S7XdK/