javascript-在Angular中的键绑定功能

我是一名设计师/前端开发人员,几乎没有使用Angular的经验,因此希望在这里得到一些帮助.我有以下HTML

<div class="dropdown">
<div class="options"></div>
  <div class="add">
    <i id="add-issue-plus" class="icon-plus" data-ng-click="addIssue($event)"></i>
    <input id="add-issue-field" data-ng-model="newIssueName" type="text" placeholder="Create a new issue"/>
  </div>
</div>

我想从< i>触发click事件.元素,如果用户在后续输入中按下Enter键.我想以最简单的方式做到这一点,而无需编写单独的函数.有Angular经验的人都知道最好的方法吗？我知道我可以轻松使用jQuery并执行以下操作：

$('#add-issue-field').keypress(function(e){
   var key = e.which;
   if (key === 13) {
      $('#add-issue-plus').click();
        return false;
  }
 });

但是我想知道是否有人有更有效的方法的提示.

解决方法:

最好的用法是使用指令.这是一个例子.

app.directive('checkKey', function() {
    return {
        restrict: 'A',
        link: function(scope, elem, attrs) {
            elem.bind('keyup', function(event) {
                if (event.keyCode === 13) {
                    event.preventDefault();
                    return false;
                }
            });
        }
    }
});

然后将指令添加到您的输入元素

<input type="text" checkkey />

标签：angularjs,angularjs-directive,html,javascript,jquery
来源： https://codeday.me/bug/20191119/2035540.html