为什么在评估 Angular 表达式时，'ng-value' 不起作用，而 'value' 起作用。即标记{{表达式}}？答案

【问题标题】：Why 'ng-value' is not working where as 'value' is working while evaluating Angular Expressions. i.e markup {{expression}}?为什么在评估 Angular 表达式时，'ng-value' 不起作用，而 'value' 起作用。即标记{{表达式}}？
【发布时间】：2017-02-02 10:56:49
【问题描述】：

Enter the Dollar Amount  <br>
1--<input type="text" ng-model="dollar1"  ></input> <br>
2--<input type="text" ng-model="dollar2" ></input> <br>
3--Not Working-<input type="text"  ng-value="{{dollar1 * dollar2}}" ></input>    <br>
4--Working<input type="text"  value="{{dollar1 * dollar2}}" ></input>  <br>
5--Working<input type="text"  ng-value="dollar1 * dollar2" ></input> <br>

虽然如果我们使用不带花括号的 ng-value，第 5 个可以工作

【问题讨论】：

正如你所说，大多数指令（ng-..）不使用花括号stackoverflow.com/questions/17878560/…

标签： angularjs

【解决方案1】：

如果您使用 Angular-Directive ng-value，传入的表达式被视为 Angular 代码，可以直接将 Dollar1 和 Dollar2 解释为范围变量。 AngularJS 将处理指令 ng-value 并在对应的 input 元素的 value 属性中添加/设置结果。

使用 html 内置属性 value，您将需要使用花括号来注入 Angular 代码。在这种情况下，AngularJS 只会将表达式 {{dollar1 * Dollar2}} 替换为其结果。

您的 Not Working 示例不起作用，因为 AngularJS 指令已经在期待一些不能以花括号开头的真实程序代码。它应该直接从可解释的代码开始。

【讨论】：