comment faire pour effacer des modaux dans ionique angulaire todo exemple
J'ai remarqué que dans le ioniques todo application exemple la rassis/vieux todo information reste sur le modal si j'annule le modal et de l'ouvrir à nouveau de retour. Quel est le meilleur endroit pour effacer/réinitialiser le vieux modal de données de sorte qu'il a toujours des frais de champs vides après je annuler ou de soumettre le formulaire modal champs?
Dois-je nulle ou désactivez la tâche de l'objet quelque part? Réinitialiser manuellement les champs proches et de créer? Ajouter un gestionnaire à une sorte de cacher événement?
Voici angulaire/ionique exemple:
http://ionicframework.com/docs/guide/building.html
un extrait de code
//Called when the form is submitted
$scope.createTask = function(task) {
$scope.tasks.push({
title: task.title
});
$scope.taskModal.hide();
task.title = "";
};
//Open our new task modal
$scope.newTask = function() {
$scope.taskModal.show();
};
//Close the new task modal
$scope.closeNewTask = function() {
$scope.taskModal.hide();
};
et le modal
<div class="modal">
<!-- Modal header bar -->
<ion-header-bar class="bar-secondary">
<h1 class="title">New Task</h1>
<button class="button button-clear button-positive" ng-click="closeNewTask()">Cancel</button>
</ion-header-bar>
<!-- Modal content area -->
<ion-content>
<form ng-submit="createTask(task)">
<div class="list">
<label class="item item-input">
<input type="text" placeholder="What do you need to do?" ng-model="task.title">
</label>
</div>
<div class="padding">
<button type="submit" class="button button-block button-positive">Create Task</button>
</div>
</form>
</ion-content>
OriginalL'auteur MonkeyBonkey | 2014-04-23
Vous devez vous connecter pour publier un commentaire.
J'ai eu le même problème. J'ai d'abord essayé d'effacer mes données de formulaire en effaçant le modèle d'objet lors de la fermeture de ma fenêtre modale, tout comme vous, mais qui n'a travaillé pour quand j'ai envoyé le formulaire, il me semble. Lors de l'annulation, il ne fonctionne pas! (Même si vous l'avez explicitement claire de l'objet avant de le masquage de la fenêtre contextuelle, il ne fonctionnera pas)
J'ai finalement résolu en faisant ceci:
De cette façon, chaque fois que la fenêtre est chargé, vous désactivez le modèle. Donc, l'astuce est de ne pas le faire lors de la soumission des données, mais lors de l'ouverture de la fenêtre modale. Qu'il a fait pour moi au moins.
Btw, j'ai aussi besoin d'une fonction d'édition pour cette même fenêtre modale, donc ce que je fais:
OriginalL'auteur Kasper
Accepté la réponse est certainement correct, mais il est une autre façon d'atteindre le même objectif.
OriginalL'auteur mutp