AngularJS：选择中的验证问题

Question

在我的选择验证代码中

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

在控制器中我有

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

如果我点击按钮，那么弹出窗口就像正常的 html5 验证一样，而 Angular 的验证不起作用。

这是相同的小提琴。 http://jsfiddle.net/priya78/nF7eJ/65/

如果我删除按钮并使用

   <span class="error" ng-show="mainForm.businessprocess.$error.required ">required</span> then angular's validation is working.

我想在单击按钮时以红色文本显示 required。

Answer 1

你有几个问题：

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

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

Answer 2

您需要调用函数submit。在您的代码中，您忘记了括号，javascript 不会调用该函数，而是将其视为函数指针。更新code。

<button ng-click="submit()">Apply Now</button>