如何清除羽毛模式

我在頁面中使用羽毛模式。在模態上的一種形式是有一定的輸入字段。一旦我填寫字段並關閉模式，當我再次打開它時，它將包含以前填充的數據。我想在數據關閉後清除數據。我在我的頁面中使用角度js。誰能告訴我如何使用角度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-

請找我plunker這裏 - https://plnkr.co/edit/cDP1eqtUsKkeMaUiCIoM?p=preview

我在我的代碼使用persist ='shared'因爲如果我刪除此則形成驗證不會在第一模工作。

我的問題是，當我下次打開我的第二個模態時，它包含以前填充的值，並從那裏點擊提交按鈕時，我的第二個模態不顯示。任何人都可以幫助我解決我的問題嗎？

來源

2017-02-14 Aanchal

據我所知featherlight是gallery插件，用於在lightbox中顯示圖像。考慮到這一點，它並不意味着被這樣使用（即使你可以，但它不會像你期望的那樣表現出來），所以這就是爲什麼你必須清理你後面（或更具體的你的用戶），並彈出關閉操作，清除所有表單域。有幾種方法可以做到這一點，例如。形式重置按鈕（輸入類型=「重置」），關閉彈出式窗口或提交事件（或在您的情況下使用角度js事件）等js回調等。

由於您沒有提供任何代碼，告訴你現在...

而且Resetting form after submit in Angularjs

UPDATE的可能重複

不知道到底是你想什麼，在這裏achive，但如果您刪除（或移動showAnotherModal函數內）$.featherlight.defaults.persist=true;線，它就像你所描述的那樣工作，首先彈出是當您第二次打開時清除。這裏是你的代碼段更新：

var app = angular.module('myApp', ['ngMessages']); 

app.controller('myCtrl', function($scope) { 
// $.featherlight.defaults.persist="shared"; 
    $scope.showAnotherModal = function() { 
    $.featherlight.defaults.persist="shared"; 
    if ($scope.myForm.$valid) { 
    $scope.myForm.$submitted = true; 
    $scope.myForm.dirty = false; 

    $scope.myForm.$setPristine(); 
    $scope.myForm.$setUntouched(); 

    $.featherlight("#fl3",'open'); 
    } 
}

}）;

來源

2017-02-14 09:10:19 junglarr

你可以試試這個 _ //重新設置爲pristine._ **形式$ setPristine（）; ** _ //由於角1.3，重新設置不變state._ **形式$ setUntouched（）; ** – junglarr

@ junglarr它不工作，我已經更新了我的問題，ü可以檢查我的plunker，並建議我怎麼能解決我的問題。 – Aanchal

@Aanchal答案更新 – junglarr

如果您使用的是persist選項，那麼是的，表單是持久的，所以您必須自己清除它。

如果沒有，那麼您每次都會得到一個新的複製表單。在這種情況下，雖然，你必須要小心你如何綁定，並避免使用任何標識，因爲這些都應該是獨一無二的。

來源

2017-02-14 14:21:24

我已經更新了我的問題，並提到了plunker鏈接的形式將持續從第三個實例的值。你能指導我如何解決我的問題？ – Aanchal

答覆已更新。 –

我使用 - \t形式$ setPristine（）。和form。$ setUntouched（）;但它不是我的結算模式，當我打開它第二次第二模式即將空白，u能表明我能爲這兩個問題怎麼辦？ – Aanchal

如何清除羽毛模式

回答

相關問題