angularjs 点击编辑并进行验证答案

【问题标题】：angularjs Click to Edit with validationangularjs 点击编辑并进行验证
【发布时间】：2015-03-16 02:53:12
【问题描述】：

我的表单在验证空字段时遇到问题。当用户单击编辑按钮并清除输入字段然后单击发送按钮时，不会发生任何验证。我已经尝试过 angularjs 的表单验证，但它似乎不起作用。这是实时视图谢谢

function ClickToEditCtrl($scope) {
$scope.name = "joe Doe";
$scope.email = "joe@yahoo.com";

$scope.enableEditor = function () {
    $scope.showEditor = true;
    $scope.editName = $scope.name;
    $scope.editEmail = $scope.email;

};

$scope.disableEditor = function () {
    $scope.showEditor = false;
};

$scope.saveEditor = function () {
    $scope.name = $scope.editName;
    $scope.email = $scope.editEmail;

    $scope.disableEditor();
};

}

【问题讨论】：

标签： angularjs angularjs-ng-click angularjs-validation

【解决方案1】：

你的小提琴有多个问题。

首先，提交中使用的ngModelController的studentForm.name.$dirty等范围属性不正确。

您的每个输入都应具有name 属性，以便可以在表单控制器引用下的代码中引用我。

其次，对于 ng-disable，它应该是按钮或输入而不是 div。

最后你可以检查表单状态而不是所有输入状态。

请检查我的小提琴： http://jsfiddle.net/cmyworld/dxzeggtp/

【讨论】：