我想为蒂亚戈的答案做一个插件:

假设你正在使用ng-show隐藏元素，并在相同的元素上添加一个必选属性:

<div ng-show="false">
    <input required name="something" ng-model="name"/>
</div>

将抛出一个错误，类似于:

name= "无效的窗体控件不可聚焦

这是因为您不能对隐藏元素施加必需的验证。使用ng-required可以更容易地有条件地应用所需的验证，这非常棒!!

AngularJS表单元素寻找执行验证函数所需的属性。ng-required允许您根据布尔测试设置required属性(例如，只需要字段B -例如，一个学生编号-如果字段a有某个值-如果您选择了“student”作为选项)

例如，<input required>和<input ng-required="true">本质上是一样的

如果你想知道为什么会这样，(而不仅仅是让<input required="true">或<input required="false">)，这是由于HTML的局限性——required属性没有相关的值——它的存在仅仅意味着(根据HTML标准)元素是必需的——所以angular需要一种方法来设置/取消设置required值(required="false"将是无效的HTML)。

我想为蒂亚戈的答案做一个插件:

假设你正在使用ng-show隐藏元素，并在相同的元素上添加一个必选属性:

<div ng-show="false">
    <input required name="something" ng-model="name"/>
</div>

将抛出一个错误，类似于:

name= "无效的窗体控件不可聚焦

这是因为您不能对隐藏元素施加必需的验证。使用ng-required可以更容易地有条件地应用所需的验证，这非常棒!!

HTML属性required="required"是一条语句，告诉浏览器为了表单有效，这个字段是必需的。(required="required"是XHTML表单，只使用required是等效的)

Angular属性ng-required="yourCondition"的意思是'isRequired(yourCondition)'，它会根据你的情况动态地为你设置这个HTML属性。

还要注意的是，HTML版本是令人困惑的，它不可能写一些有条件的东西，如required="true"或required="false"，只有属性的存在才重要(present意味着true) !这就是Angular帮助你处理ng-required的地方。