我正在尝试将 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>
我要访问
chatbox
在我的链接函数中并将 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/
关于angularjs - 如何访问 Angular 指令中的 dom 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19429025/