我有一个包含大量文本的大型HTML表单。有一些重复的输入字段,客户希望用先前填充的值预填充底部字段,但不影响已经填充的输入。
考虑如下场景:您正在填写许可协议并在文本框中输入您的姓名。然后,在文档的末尾,签名字段旁边还有一个输入框,用于输入您的姓名。这个名称字段应该用您之前输入的值填充。但在某些情况下,另一个人可能会代表你签署文件,那么这两个字段就会有所不同。
显然,我不能仅仅将两个字段链接到单个模型,因为底部字段必须是独立的。只有当top字段改变时才应该改变,反之则不应该。
是否有任何方法可以为两个字段实现这种单向绑定,但保持它们链接到单独的模型?
我更喜欢一些技巧,可以在HTML中使用,以避免编码Javascript逻辑,如果可能的话,因为这个HTML表单作为文档模板存储在数据库中,我想避免添加大量的Javascript到它。
<input ng-change="secondVal = firstVal" ng-model="firstVal">
...
<input ng-model="secondVal">
考虑使用ng-change来更新另一个值: