javascript - 如何更改 AngularJS 中的一次性绑定(bind)数据？

Question

我有一个 div，显示手机号码、姓名等详细信息，例如 {{::mobilenumber}}、{{::name}}

在该 div 中，有一个按钮可以在新表单中呈现相同的值

通过使用表单中的按钮，用户可以更改值，但在我显示详细信息的 div 中，单击按钮后值不会更改

<form ng-submit="form.$valid && saveDetails()">
  <input type="text" class="form-control capitalize" placeholder="Full Name" name="fullname"ng-model="address.fullname" maxlength="50"  ng-trim="true" autocomplete="off" required >
  <span><!-- Mobile Number required --></span>

  <input type="text" class="form-control capitalize" placeholder="Mobile Number" name="mobilenumber" id="mobilenumber"                        ng-model="address.mobilenumber" ng-minlength="10" maxlength="12"  ng-trim="true" autocomplete="off" required>
  <span><!-- Mobile Number required --></span>

  <button ng-click="form.submitted=true><span>Update User Details</span</button>
</form>

我只想使用单向绑定(bind)吗？

我尝试使用 $scope.$broadcast('$$rebind:refresh'); 但值仍然没有改变。

任何帮助或指导都会对我很有帮助。

Answer 1

如果你真的想保留某种单向绑定(bind)......

您可以做的就是使用两种方式绑定(bind)，但中间有一个数据集。它会带来一些开销，但它是解决您问题的可能方法。为了更新 View ，您只需更新复制的数据。您可以控制 View 中的数据何时更新。