按 ESC 键无法退出搜索

Question

基于Angular-Material的input/text字段不打算在按ESC键时搜索出来；这有什么调整吗？

按下 Escape 按钮时的预期视图

当前元素面板

Answer 1

这是一个使用转义键从输入中移除焦点的示例（我认为这就是您要实现的目标）- CodePen

标记

<div ng-controller="DemoCtrl" ng-app="MyApp" ng-cloak>
  <md-input-container md-theme="docs-dark" flex="">
    <label>Name</label>
    <input id="myInput" type="text" ng-keydown="inputKeydown($event)">
  </md-input-container>
</div>

JS

(function () {
  'use strict';
  angular
      .module('MyApp',['ngMaterial', 'ngMessages'])
      .controller('DemoCtrl', DemoCtrl);

  function DemoCtrl ($scope, $element) {
    var myInput = angular.element($element[0].querySelector('#myInput'));
    $scope.inputKeydown = function (event) {
      if (event.key === "Escape") {
        myInput.blur();
     }
    }
  }
})();

按 ESC 键无法退出搜索

Unable come out of the search on pressing ESC key

angularjs

angular-material