在Angularjs中提交后重置表单

 一枝红杏出墙来2001 发布于 2023-01-29 12:18

嗨,我有一个表单,按钮点击更新.

 $scope.action = "Update";
  var id = $routeParams.editId;
  scope.item = updateRecord.get({ id: id });

项目更新后,它不会删除表单字段中输入的信息.我想知道在udpating之后在上面的代码中添加的angularjs中有什么可用,以便它也可以清除形式.谢谢

3 个回答
  • 您可以通过重置表单,$scope.formName.$setPristine();但如果您将模型对象绑定到输入,则还需要注意清除它们,即:

    $scope.currentRecord={};

    编辑

    正如ToodoN-Mike指出的那样,不要忘了设置

    $scope.formName.$setUntouched()

    $touched标志是在角1.3引入.

    2023-01-29 12:22 回答
  • 在提交函数的主体底部运行以下代码.

    // Reset the form model.
    vm.project = {};
    // Set back to pristine.
    vm.form.$setPristine();
    // Since Angular 1.3, set back to untouched state.
    vm.form.$setUntouched();
    

    "vm.form"是我的表格名称.

    有关更多信息,请查看此文档页面:https: //docs.angularjs.org/api/ng/type/form.FormController

    2023-01-29 12:22 回答
  • 这对我有用.

    viewModel.data = {};
    $scope.formName.$setUntouched();
    $scope.formName.$setPristine();
    

    2023-01-29 12:22 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有