angularjs中的value属性和ng-value属性有什么区别

Question

angularjs模板中的value和ng-value属性之间有什么区别？如果我ng- if在使用value属性的字段上使用它，则它正常工作，但是如果我将该属性更改value为ng-value它，它将停止工作。

example 1  // it works

<input type='radio' ng-model='difficulty' value='hard'/>
<div ng-if="difficulty == 'hard'">
     <p>difficulty is hard</p>
</div>

Example 2 // it doesn't work

<input type='radio' ng-model='level' ng-value='hard'/>
<div ng-if= "level == 'hard'" >
     <p>level is hard</p>
</div>

Answer 1

根据 文档 ，ngValue采用
“角表达式，其值将绑定到 元素的value属性input”。

因此，当您使用时ng- value="hard"，它将被解释为一个表达式，并且value被绑定到$scope.hard（可能是undefined）。
ngValue对于评估表达式很有用- value与设置硬编码值相比没有优势。但是，如果您想使用硬编码值ngValue，则必须将其包含在''：

ng-value="'hard'"

更新：
与V1.6开始，ngValue也将设置value 属性
的元素（除了value属性）。它可能不会影响您的用例，但这是另一个需要牢记的差异。