AngularJS/UI - Focus d'entrée dans les boîtes de dialogue
Est-il possible de placer le focus dans le champ de contrôle en utilisant AngularJS/Angular-UI ?
J'ai vu qu'Angular-UI a quelques Jq-UI=focus directive, mais je ne suis pas en mesure de l'obtenir pour fonctionner.
J'ai quelques boîtes de dialogue que je l'affichage à l'aide Angular-UI $dialogue de service et voudrais vraiment la première entrée sur chaque boite de dialogue pour concentrer une fois qu'il est démontré que
Pouvez-vous fournir un jsfiddle?
Il vous manque de l'interface utilisateur de l'actualisation de
Il vous manque de l'interface utilisateur de l'actualisation de
OriginalL'auteur Roger Johansson | 2013-07-08
Vous devez vous connecter pour publier un commentaire.
J'ai utilisé la norme
autofocus
attribut dans mon template, et déclaré que la directive simple pour le faire fonctionner pour les éléments qui sont créés après le chargement de la page (comme les boîtes de dialogue dans votre cas).D'accord. Belle solution simple qui fonctionne bien. J'ai juste ajouté ça à un ngDialog pop-up et cela a fonctionné parfaitement. Merci!
Noob ici, toutes mes excuses: Ce n'
restrict: 'A'
faire?il signifie la directive sera utilisé comme attribut, et non pas un élément. Voir docs.angularjs.org/guide/directive#directive-types
OriginalL'auteur Yann Dìnendal
S'avère que tous vous avez besoin est de cette façon si vous l'utiliser conjointement avec le Angular-ui $dialogue de service:
html:
comme indiqué, c'est pour Angular-UI $dialogue de service seulement.
La voir en direct ici: http://strengthtracker.apphb.com (cliquez sur login ou vous enregistrer pour afficher les boîtes de dialogue)
ajouter un <form> tag les commandes bouton + dans votre boîte de dialogue
Ce lien semble mort.
merci de Continuer ce lien, même moi, je veux savoir comment faire pour mettre l'accent sur le pied de page bouton de. Même question que ce qu'Il a demandé ci-dessus
pour info fonctionne également avec
$modal
service Angulaire qui est ce$dialog
a été reconstruit dans les versions ultérieures de l'Angulaire de l'INTERFACE utilisateurOriginalL'auteur Roger Johansson
Vous avez raison, j'ai montré des démonstrations sur la façon dont vous pouvez appeler jQuery natif
jQuery.fn.focus()
méthode sur un élément du DOM, comme c'est toutui-jq
fait vraiment. L'astuce est de faire feu à plusieurs reprises, et au bon moment.ui-jq
déjà exécute la méthode pour vous à l'intérieur d'un$timeout
, cependant, par défaut, il ne se déclenche qu'une fois, lorsque l'élément DOM est créé. Afin de rendreui-jq
feu plusieurs fois, il suffit d'ajouterui-refresh="someExpression"
et utiliser une expression que vous savoir va changer à chaque fois la modale s'ouvre. C'est bien si il redéclenche lorsque le modal est fermé aussi,.focus()
rien ne sera fait si l'élément DOM n'est pas visible.Donc, pour l'interface utilisateur-modal bootstrap, il suffit de mettre la même expression que vous utilisez à l'intérieur de la
modal="someExpression"
et vous devriez être en jeu.OriginalL'auteur ProLoser
La dernière version de
AngularJS
offreng-focus
: http://docs.angularjs.org/api/ng/directive/ngFocusNe fonctionne pas pour moi non plus. Pas d'erreurs jeté, tout simplement, rien ne se passe.
C'est un rappel pour quand un champ est concentrée sur.
OriginalL'auteur EpokK