我需要检查离子输入是否为空

时间:2016-05-02 18:29:24

标签: angularjs ionic-framework

为什么这个验证不起作用?我需要在单击按钮时,你需要检查输入是否为空。

控制器:

0.958241758242

HTML:

$scope.closeCart = function(){
    if(!$scope.name){
        $scope.modal.hide();
        $scope.items.splice($scope.items);
    }
    else{
             $ionicPopup.alert({
                title: "Coloque um nome de identificação para retirada do produto!",
                okText: "Confirmar",
                okType: "button-dark"
            });
    }
};

3 个答案:

答案 0 :(得分:2)

为什么不使用表单验证?

<form name="myForm">
    <label class="item item-input">
            <span class="input-label">Name:</span>
            <input name="name" ng-model="name" type="text" placeholder="your name" required>

        </label>
     <label ng-show="myForm.name.$invalid"> your error message</label>
    <button class="button button-large button-full button-assertive" ng-disabled="myForm.$invalid" ng-click="closeCart()">Pagar</button>
</form>

答案 1 :(得分:0)

我认为你在ng-click事件上调用了错误的函数:

wrong: ng-click="fecharPedido()"
correct: ng-click="closeCart()"

最佳, 费边

答案 2 :(得分:0)

您正在定义var alertPopup但从不调用它。您可以尝试在var alertPopup =块的末尾删除alertPopup();或添加else

另请注意,$ionicPopup使用了promises,因此您可以在弹出窗口关闭后使用alertPopup块关注.then以执行其他处理。

您可以找到更多详细信息here