javascript - 按键时触发 AngularJS $scope 事件

标签 javascript html angularjs angularjs-scope

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

Controller

// 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>

最佳答案

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

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

关于javascript - 按键时触发 AngularJS $scope 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30350580/

相关文章:

javascript - 使用 putImageData 时我没有正确使用循环

javascript - 延迟检查其他复选框更改的多个复选框选择

javascript - HTML + (NV)D3 : Can't place a div on top of a div of the chart even with > z-index

html - 向 HTML 表格添加水平滚动条

angularjs - 需要通过名称 angularjs 读取 cookies 值

javascript - 无法在 Ubuntu 20.04 上安装 json-server

javascript - Ember 排序不起作用?

javascript - AngularJS - 这个演示应用程序中的函数触发器在哪里?

javascript - 必须点击两次才能切换 .click() 事件

javascript - 使用 AngularJS 组件根据类型呈现图表