javascript - 在 Angular 的键上绑定(bind)函数

Question

我是一名设计师/前端开发人员，对 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> 触发点击事件如果用户在随后的输入中按下回车键。我想以最简单的方式做到这一点，而无需编写单独的函数。任何有 Angular 经验的人都知道最好的方法吗？我知道我可以轻松地使用 jQuery 并执行类似的操作:

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

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

Answer 1

对此的最佳用途是指令。这是一个例子。

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