angularJS的ng-keyup

Posted 小敏子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularJS的ng-keyup相关的知识,希望对你有一定的参考价值。

直接上代码我没写指令直接这么用的:

html

<div class="box_ft_cont">
        <div class="chat_text">
               <textarea id="serializeInfo" data-ng-trim="false" ng-model="chat.sendContent" ng-keyup="sendChats($event)" ui-jq="slimScroll" ui-options="{height:‘100%‘, size:‘8px‘, width:‘100%‘}" type="text" class="chat-cont"></textarea>
         </div>
         <p class="chat-btn">
                 <span>按enter键发送</span>
                  <button type="submit" ng-click="sendChat()" class="btn btn-primary"><i class="fa fa-paper-plane"></i></button>
         </p>
 </div>

js部分:

  //发送消息
  $scope.sendChat = function () {
      var message = {};
      message.fromUserName = "";
      message.toUserName = $scope.chat.currUserId;
      message.content = $scope.chat.sendContent;
      message.msgType = 0;
      message.sendTime = $filter(‘date‘)(new Date(), "yyyy-MM-dd hh:mm:ss");

      myWebsocket.sendMessage(message);
      $scope.chat.sendContent = null;
  }
  $scope.sendChats = function (event) {
      if (event.keyCode == 13) {
          $scope.sendChat();
          return false;
      }
  }

 

以上是关于angularJS的ng-keyup的主要内容,如果未能解决你的问题,请参考以下文章

angularJS使用ocLazyLoad实现js延迟加载

状态改变后保持元素焦点

从 AngularJS url 中删除片段标识符(# 符号)

初入AngularJS基础门

AngularJS ——ngResourceRESTful APIs 使用

浅谈AngularJS中的$parse和$eval