1

我有一个包含大量文本的大型 HTML 表单。有一些重复的输入字段，客户希望使用较早填充的值预填充底部字段，但不影响已填充的输入。

将其视为以下场景：您正在填写许可协议并在文本框中输入您的姓名。然后在文档的末尾，在签名字段旁边再次有一个输入框，用于输入您的姓名。此名称字段应填写您之前输入的值。但是在某些情况下，另一个人会代表您签署文件，然后这两个字段会有所不同。

显然，我不能将两个字段都链接到单个模型，因为底部字段必须是独立的。仅当顶部字段更改时才应更改，反之则不行。

有什么方法可以实现两个字段的这种单向绑定，但将它们链接到单独的模型？

如果可能的话，我更喜欢一些可以在 HTML 中使用的技巧来避免编码 Javascript 逻辑，因为这个 HTML 表单作为文档模板存储在数据库中，我想避免向其中添加大量 Javascript。

4

2 回答 2

3 
<input ng-change="secondVal = firstVal" ng-model="firstVal">
...
<input ng-model="secondVal">
于 2015-05-28T15:55:36.923 回答
3

考虑使用 ng-change 来更新其他值：

HTML

<input ng-change="updateNameBot()" ng-model="nameTop">
<input ng-model="nameBot">

控制器

$scope.updateNameBot = function(){
      $scope.nameBot = $scope.nameTop;
}
于 2015-05-28T15:57:30.887 回答