如何在 AngularJS 中使用“Enter”提交表单？

【问题标题】：How to submit a form with "Enter" in AngularJS?如何在 AngularJS 中使用“Enter”提交表单？
【发布时间】：2017-05-18 09:17:06
【问题描述】：

我有一个没有提交按钮的搜索表单。如何按回车键路由到#!/result？

HTML：

<form ng-controller="searchCtrl">
   <input ng-href='#!/result' type="text"  placeholder="Поиск">
</form>

JS：

App.config(['$routeProvider',function($routeProvider){
        $routeProvider
            .when('/result',{
                templateUrl:'../views/result.html',
                controller:"searchCtrl",})  
}]);

【问题讨论】：

标签： javascript angularjs form-submit enter

【解决方案1】：

要使用 ENTER 提交表单，您需要一个提交按钮。如果你不想要一个，一个棘手的方法是在表单中添加一个不可见的按钮：

<form ng-submit="redirect()">
    ...
    <input type="submit" style="visibility: hidden"/>
</form>

请注意，我在表单中添加了一个 ng-submit 调用：

$scope.redirect = function() {
    $location.href('/result');
}

Here is a Plunker demo

【讨论】：

我无法使用<input type="submit">，因为当用户按下enter 提交时自动激活。