如果表单无效,请禁用点击锚点

时间:2016-01-25 02:40:17

标签: angularjs

我已经尝试了其他答案的几个解决方案,但到目前为止还没有按需工作,基本上我需要禁用一个按钮(锚点)如果表单无效,禁用不是问题,避免调用该函数是

为此我试过这样的事情:

<a class="btn icon-btn btn-success" ng-disabled="myForm.$invalid" novalidate ng-submit="myForm.$valid && submit.addOrEditItem()">
<span class="glyphicon btn-glyphicon glyphicon-save img-circle text-success"></span>Save</a>

在我的控制器上:

    $scope.isCreating = true;

    $scope.submit = {
        addOrEdit: function() {

        if($scope.isCreating){
            $scope.items.push({type: $scope.newItem.name, description: $scope.newItem.descriptions, isDone:false, editable:false});

        }else{

            $scope.eItem.type         = $scope.newItem.name;
            $scope.eItem.description  = $scope.newItem.descriptions;
        }


            $scope.isCreating = true;
            $scope.newItem = {};
        }
    }

这有什么替代方案吗?

1 个答案:

答案 0 :(得分:2)

使用ng-click:

代替ng-submit
<a class="btn icon-btn btn-success" ng-disabled="myForm.$invalid" novalidate ng-click="myForm.$valid && submit.addOrEdit()">