javascript - 按 Enter 键使用 AngularJs 在 Ionic Popup 中提交

Question

我有一个 ionic 弹出窗口，其中有一个文本字段和一个按钮。我想按 Enter 键并希望按钮起作用并关闭弹出窗口。我想知道如何在下面的弹出窗口中执行此操作。

var myPopup = $ionicPopup.show({
            template: '<input type = "text" ng-model = "data.model"><br> '
            , title: 'Name'
            , scope: $scope
            , buttons: [
                {
                    text: 'Cancel'
                }, {
                    text: '<b>Search</b>'
                    , type: 'button-positive'
                    , onTap: function (e) {
                        $ionicLoading.show();
                        $http.get(HTTPService.getHttpText() + 'Persons/' + $scope.data.model).then(function (resp) {
                            console.log('Success', resp);
                            $ionicLoading.hide();
                        }, function (err) {
                            $ionicLoading.hide();
                            console.error('ERR', err);
                            // err.status will contain the status code
                        })
                    }
                    }
                ]
        });

Answer 1

我建议您使用<form>并设置您的按钮 type="submit" :

<form ng-submit="submitPopup()">
    <button type="submit">Close</button>
</form>

在 submitPopup函数，做任何你想做的事情并关闭模态:

$scope.submitPopup = function() {
    $http.get( ... );
    myPopup.close();
}