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

Question

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

Here is a Plunker demo