Bonjour, j'ai un champ, quand il est affiché, c'est une étiquette, lorsqu'il est modifié, il s'agit d'un champ de saisie, je déclenche ceci avec NG-Show et NG-Masquer et un bouton permettant une valeur booléenne. Lorsque j'active le mode d'édition, les masques d'édition et le champ d'entrée indique, il est en temps réel, lorsque je clique sur Annuler et basculer le booléen, l'étiquette apparaît mais le champ de saisie prend un certain temps pour masquer, donc j'ai un très mauvais effet visuel. .
Ici, un code est un moyen de résoudre ce problème? merci
3 Réponses :
Votre code tel quel n'a aucun problème et comme vous pouvez le voir dans mon extrait, cela fonctionne comme prévu. Vous n'avez pas encore trouvé votre problème, vous devez nous donner plus de HTML et de code.
p>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myController">
<input ng-model="name" ng-show="editing">
<label ng-hide="editing">{{name}}</label>
<button ng-click="editing=true">Edit</button>
<button ng-click="editing=false">Cancel</button>
</div>Ici, l'effet n'est pas visible, je pense que j'ai l'effet parce que j'ai un grand contrôleur et beaucoup de choses dans mon dôme (c'est une application complète).
Avez-vous nanchamate inclus?
Si tel est le cas, cela peut arriver. Lors de nos projets, nous déclarons et utilisons une classe sur chaque élément DOM où nous voulons animer et nous disons angular d'angulier d'angulier simplement ces éléments du rappel de configuration: P>
$animateProvider.classNameFilter(/animate/);
oui j'ai aussi norimate et bootstrap aussi, si je supprime les cours CSS du champ de saisie, il ne se produit pas
J'ai aussi supprimé la $ animate de contrôleur, mais le problème persiste
En effet, le norimate utilise le délai d'attente pour laisser du temps pour les animations, le moyen rapide et muet de tester cela, serait de supprimer le nanchamate des listes de module dépendant, mais si vous souhaitez gérer cela en permanence, vous devez utiliser l'option que j'ai mentionnée. dans la réponse
J'ai supprimé le nanimate de l'application Module de chargement, je n'utilise pas d'effets d'animation, mais j'ai toujours le même problème. peut-il être thet angularjs bootstrap ui utilise une animation elle-même?
Merveilleux, j'ai appliqué votre filtre et ça marche parfaitement maintenant, j'ai résolu beaucoup de problèmes d'interface utilisateur, merci beaucoup @ins
Comme je le vois, il ne nous nègre pas, êtes-vous sûr qu'il n'y a pas de déclaration de dépendance à aucun de vos modules? Si vous demandez $ animate dans votre contrôleur, vous devriez avoir une erreur, cela se produit-il?
Oh génial! : D cela signifie que certains de vos modules dépendent de la nanimate
Je n'ai qu'un seul problème, j'utilise le plug-in angularjs-toaster et j'ai essayé de toutes manières mais la classe d'animation appliquée au code HTML grille-pain ou au conteneur ne fonctionne pas.
Cette réponse est incroyable. Devrait être une connaissance commune.
Je veux vraiment faire l'amour avec toi en ce moment. Merci beaucoup, cette vitesse améliorée Soooo Heavy! OMG!
Réponse géniale! Cela m'a permis de réparer les retards que je voyais lors de la mise à niveau d'angular 1.2.x à 1.4.x.
UI.Bootstrap inclut le nanimate. Ajout de $ animeateProvider à ma configuration et ajout de la classique Solution My NG-Masquer le problème de retarder merveilleusement!
J'ai eu le même problème tout le temps que j'ai eu des éléments avec le même var pour cacher / montrer (car NG-Animate), cela se produit avec NG-show / ng-masquer / ng-si et peut-être aussi avec NG- commutateur mais pas avec la classe NG. Donc, une solution rapide est de modifier votre code pour:
Nous devons probablement voir votre code entier - veuillez poster quelque chose comme un Jsfiddle qui démontre votre problème.
D'accord; Ne semble pas être capable de reproduire cette question à mienne
Ceci est jsfiddle