gpt4 book ai didi

AngularJS - 如何在提交表单时忽略反跳?

转载 作者:行者123 更新时间:2023-12-02 04:44:08 25 4
gpt4 key购买 nike

我有一个表单,当第一个字段更新时,它会更新另一个字段。另一个字段在更改事件发生一些延迟后更新,如 ng-model-options 属性中的 debounce 条目所指定。

我的问题是我希望其他字段在提交表单时尽快更新(即延迟为 0),包括在第一个字段中输入时按下 Enter 键。

目前,当快速键入并按 Enter 时,由于 change 延迟,复制的字段不会提交最新值,尽管有 submit 延迟我尝试使用。

在提交表单之前按下 Enter 键时,如何尽快更新重复的字段值?

<html ng-app>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
</head>
<body>

<form action="" method="POST">
<div>
<label>Name:</label>
<input
type="text"
ng-model="yourName"
ng-model-options="{ updateOn: 'submit default', debounce: { submit: 0, default: 2000 } }"
placeholder="Enter a name here"
>
</div>

<hr>

<div>
<label>Duplicated field:</label>
<input name="duplicatedField" type="text" ng-value="yourName">
</div>

<button type="submit">Submit</button>
</form>
</body>
</html>

最佳答案

看看https://docs.angularjs.org/api/ng/directive/ngSubmit .它应该补偿你在 ng-model 上的任何去抖动。

您也可以直接提交您的姓名作为帖子的另一部分。或者重复的字段在更新时是否具有与 yourName 不同的数据?这样重复的字段只是为了显示在前面,您应该始终提交正确的您的姓名。

关于AngularJS - 如何在提交表单时忽略反跳?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34808680/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com