angularjs - 为什么在计算 Angular 表达式时 'ng-value' 不起作用，而 'value' 起作用。即标记{{表达式}}？

Question

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 ，第五个就可以工作

Answer 1

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

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

您的“不工作”示例不起作用，因为 AngularJS 指令已经需要一些真实的程序代码，这些代码不得以大括号开头。它应该直接以可解释的代码开始。