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

发布时间：2020-12-17 08:25:51 所属栏目：安全来源：网络整理

导读：我试图附加一个keyup事件给一个指令一个我的Angular项目。这里是指令： angular.module('clinicalApp').directive('chatContainer',function() { return { scope: { encounter: '=',count: '=' } templateUrl: 'views/chat.container.html',link: function(s

我试图附加一个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/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!