如何在AngularJS中提交带有“回车”的表格？

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');
}

这是一个Plunker演示