javascript - Angular - 使用 $scope 中的数字添加输入的值

Question

我有以下代码:

<div data-ng-controller="MainController">
        <input class="amount" type="text" name="" value="" />
        <input class="result" type="text" name="" value=""/>
</div>

我想从 $scope 中获取一个数值，并将其添加到用户在类为“amount”的输入中输入的数字中，并在类为“result”的输入中显示结果。所以，基本上，变量在 MainController 函数中定义如下:

$scope.cost = 100;

对于执行此操作的最佳方法，我有点困惑，我看到有 ng-value 和 ng-model 指令供我使用，但是我很难理解哪个适合这个应用程序(以及如何正确使用它们)。

Answer 1

似乎您的应用程序正在请求输入，并且他们将在那里提交值或将其存储在数据库中的某个位置。所以 ng-model(双向绑定(bind))将适合您的应用程序，它将更新 model 和 view 两者的值。

标记

<div data-ng-controller="MainController">
    <input class="amount" type="text" ng-model="cost"/>
</div>

上面的字段将预填充为 100，并且在您更新它时，它还会更改 $scope.cost 值以及在任何地方显示时的值。

不要考虑只是一种绑定(bind)方式的ng-value。您可以使用 ng-value="cost" 将值分配给输入，这只会更新 input 的值属性，但是当您从 html 更新输入时，您将永远不会得到那些cost 范围变量中反射(reflect)的更改，因为 ng-value 用于单向绑定(bind)。认为您应该仅在要显示值时才使用 ng-value。