javascript - 使用按钮时选择中的 A​​ngularJS 验证问题，但使用跨度时则没有

Question

在我的选择验证代码中

<span class="error" ng-show="mainForm.businessprocess.$error.required && submit">required</span>

在我的 Controller 中

$scope.submit=function(){
    $scope.submit=true;
}

如果我单击该按钮，弹出窗口将显示为正常的 HTML 验证，而 Angular 的验证不起作用。

这是相同的 JSFiddle: http://jsfiddle.net/priya78/nF7eJ/65/

如果我删除按钮并使用

<span class="error" ng-show="mainForm.businessprocess.$error.required ">required</span> 

然后 Angular 的验证工作。

我想在点击按钮时以红色文本显示必填项。

Answer 1

你有几个问题:

1. 添加novalidate到 <form>标签
2. 重命名 bool 值 submit属性，因为您已经将此名称分配给了一个函数
3. 必须显式调用函数 ( ng-click="click()" )

最终版本:http://jsfiddle.net/nF7eJ/67/