按键触发AngularJS $scope事件[重复]答案

【问题标题】：Trigger AngularJS $scope event on key press [duplicate]按键触发AngularJS $scope事件[重复]
【发布时间】：2015-05-20 21:09:14
【问题描述】：

是否可以在按键时触发$scope function。我想知道在“表格案例”中处理按键最舒适的方式是什么。我创建了一个虚拟plunker。

控制器

// Code goes here
var myApp = angular.module("myApp", []);

//main controller define
myApp.controller('MainCtrl', ['$scope', MainCtrl]);

/**
 * MainCtrl object wrapper
 */
function MainCtrl ($scope) {

  /**
   * Submit function
   */
  $scope.submit = function () {
    console.log('Submit was triggered');
  }
}

查看

<!DOCTYPE html>
<html>
  <head>
    <script data-require="angular.js@1.3.15" data-semver="1.3.15" src="https://code.angularjs.org/1.3.15/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>
  <body ng-app="myApp">
    <div ng-controller="MainCtrl">
      <input type="text" placeholder="Trigger on enter key" />
      <button ng-click="submit();">Trigger on click</button>
    </div>
  </body>
</html>

【问题讨论】：

标签： javascript html angularjs angularjs-scope

【解决方案1】：

尝试将其包装在form 标记中并使用ng-submit

<form ng-submit="submit()">
    <input type="text" placeholder="Trigger on enter key" />
    <button>Trigger on click</button>
</form>

【讨论】：