javascript - 如何清除羽毛光模态

Question

我在我的页面中使用feather-light modal。在模式中，有一种表单带有某些输入字段。一旦我填写字段并关闭模式，当我再次打开它时，它包含之前填写的数据。我想在关闭后清除数据。我在我的页面中使用 Angular js。 谁能告诉我如何使用 Angular JS 清除轻量级模态？

更新-

在我的代码中，我必须在关闭第一个模式后打开另一个模式。一旦第二个模态关闭，如果我打开第一个模态，它显示之前填充的数据，我想重置第一个模态的模态数据。在我的 html 中我使用下面的代码-

<button type="submit" ng-click="anotherModal(myForm)"   ng-class="{ 'featherlight-close' : myForm.$valid}">Submit</button>

在脚本中我使用下面的代码-

 $scope.anotherModal= function (myForm) {

    if ($scope.myForm.$valid) {
    $scope.myForm.$submitted = true;
  $.featherlight("#f12","open");

    }
   }

谁能告诉我应该在哪里添加来重置第一个模式？

更新了 Plunker-

请在这里找到我的笨蛋- https://plnkr.co/edit/cDP1eqtUsKkeMaUiCIoM?p=preview

我在代码中使用 persist ='shared' 因为如果我删除它，那么表单验证将无法在第一个模式下工作。

我的问题是，当我下次打开第二个模式时，它包含之前填充的值，并且从那里当我单击提交按钮时，我的第二个模式不会显示。谁能帮我解决我的问题吗？

Answer 1

如果您使用persist选项，那么是的，表单是持久的，所以您必须自己清除它。

如果没有，那么您每次都会收到一份新的副本表格。但在这种情况下，您必须小心绑定(bind)它的方式并避免使用任何 ID，因为这些 ID 应该是唯一的。