Angular - 如何单向 link 两个输入值?
Angular - how to one-way link two input values?
我有一个很大的 HTML 表格,里面有很多文字。有一些重复的输入字段,客户希望用之前填写的值预填充底部字段,但不影响已经填写的输入。
将其想象成以下场景:您正在填写许可协议并在文本框中输入您的姓名。然后在文档的末尾,在签名字段旁边再次有一个输入框,用于输入您的姓名。此名称字段应填写您之前输入的值。但可能会有其他人代表您签署文档的情况,然后两个字段就会不同。
显然,我不能只 link 两个字段到一个模型,因为底部字段必须是独立的。仅当顶部字段更改时才应更改它,反之亦然。
有什么方法可以实现对两个字段的这种绑定方式,但让它们 linked 以分离模型?
我更喜欢一些可以在 HTML 中使用的技巧,以避免编码 Javascript 逻辑,如果可能的话,因为这个 HTML 表单作为文档模板存储在数据库中我想避免向其中添加很多 Javascript。
<input ng-change="secondVal = firstVal" ng-model="firstVal">
...
<input ng-model="secondVal">
考虑使用 ng-change 更新另一个值:
HTML
<input ng-change="updateNameBot()" ng-model="nameTop">
<input ng-model="nameBot">
控制器
$scope.updateNameBot = function(){
$scope.nameBot = $scope.nameTop;
}
我有一个很大的 HTML 表格,里面有很多文字。有一些重复的输入字段,客户希望用之前填写的值预填充底部字段,但不影响已经填写的输入。
将其想象成以下场景:您正在填写许可协议并在文本框中输入您的姓名。然后在文档的末尾,在签名字段旁边再次有一个输入框,用于输入您的姓名。此名称字段应填写您之前输入的值。但可能会有其他人代表您签署文档的情况,然后两个字段就会不同。
显然,我不能只 link 两个字段到一个模型,因为底部字段必须是独立的。仅当顶部字段更改时才应更改它,反之亦然。
有什么方法可以实现对两个字段的这种绑定方式,但让它们 linked 以分离模型?
我更喜欢一些可以在 HTML 中使用的技巧,以避免编码 Javascript 逻辑,如果可能的话,因为这个 HTML 表单作为文档模板存储在数据库中我想避免向其中添加很多 Javascript。
<input ng-change="secondVal = firstVal" ng-model="firstVal">
...
<input ng-model="secondVal">
考虑使用 ng-change 更新另一个值:
HTML
<input ng-change="updateNameBot()" ng-model="nameTop">
<input ng-model="nameBot">
控制器
$scope.updateNameBot = function(){
$scope.nameBot = $scope.nameTop;
}