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

Question

angularjs 模板中的value 和ng-value 属性有什么区别？如果我在使用值属性的字段上使用ng-if，它可以正常工作，但如果我将属性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

根据the docs，ngValue采用“角度表达式，其值将绑定到input元素的value属性” .

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

ng-value="'hard'"

---

更新：
从 v1.6 开始，ngValue 还将设置元素的value 属性（除了value 属性）。它可能不会影响您的用例，但这是另一个值得牢记的区别。