ng-submit 在下拉和 textarea 上

Question

您好，我有以下代码：

<form ng-submit="ctrl.commitEdit(sign)">
    <input ng-model="sign.Value">
    <input ng-model="sign.Date">
    <textarea ng-model="sign.Comment"></textarea>
    <select ng-model="sign.Property"></select>
    <button type="submit">Save</button>
</form>

我的表单围绕着我的组件，我尝试以两种方式保存我的编辑（在我的表单中，我从我的控制器调用 ng-submit 方法，这会保存我的编辑）：

• 通过单击类型为“提交”的我的按钮，它会调用表单的 ng-submit 中的函数。这工作正常！它可以节省
• 然后我还想通过按键盘上的“enter”来保存。这就是为什么我使用带有提交类型按钮的 ng-submit 表单。这仅在我更改输入中的某些内容并且焦点在那里时才有效！当我在 textarea 中更改某些内容并按“enter”时，它会中断。当我更改下拉列表中的某些内容然后按“输入”时，它会再次打开下拉列表。

所以我想在输入、选择和文本区域中以各种方式按“输入”来保存。我该怎么做？

谢谢

Answer 1

您需要做的就是使用 ngKeyup。

https://docs.angularjs.org/api/ng/directive/ngKeyup

只需用输入键码 13 绑定它并调用你的函数

此外，这里还有一个指令，您可以根据自己的目的实施。

app.directive('ngEnter', function() {
        return function(scope, element, attrs) {
            element.bind("keydown keypress", function(event) {
                if(event.which === 13) {
                        scope.$apply(function(){
                                scope.$eval(attrs.ngEnter);
                        });

                        event.preventDefault();
                }
            });
        };