如何在 AngularJS 中提交带有 "Enter" 的表单？

Question

我有一个没有提交按钮的搜索表单。如何通过按回车键路由到 #!/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",})  
}]);

Answer 1

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

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

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

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

如何在 AngularJS 中提交带有 "Enter" 的表单？

How to submit a form with "Enter" in AngularJS?

javascript

enter

form-submit

angularjs

Here is a Plunker demo