Как отправить форму с помощью "Enter" в AngularJS?

У меня есть форма поиска без кнопки отправки. Как я могу направиться в #!/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",})  
}]);

1 ответ

Решение

Для отправки формы с помощью ENTER вам нужна кнопка отправки. Если вы не хотите его использовать, сложно добавить невидимую кнопку в форму:

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

Обратите внимание, что я добавил вызов ng-submit в форме:

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

Вот демоверсия Plunker

Другие вопросы по тегам