J'ai suivi des marches décrites ici Obtenir une interface utilisateur angulaire au travail et ici Comment intégrer Angularui à angularjs? , mais ne peut pas obtenir Le satdamepicker à pop-up.
Notez que le violon refollé dans les deux postes de la réponse acceptée ne fonctionne pas. P>
Toute suggestion? est ce gadget qui fonctionne sur les dernières versions de l'UI angulaire-ui? p>
Mise à jour: Mes ressources Importations P>
<input type="text" ng-model="date" ui-date/>
3 Réponses :
Ils manquent des références externes (404 sur JS et CSS). C'est donc probablement dû aux références manquantes. Voici un .
Gardez à l'esprit que Angularui s'envole principalement des plugins JQueryui. Vous avez donc besoin de JQueryui avant Angularui et JQuery avant Jqueryui. Et angulaire elle-même avant Angularui. Assurez-vous simplement que vous avez les CSSS suivants:
et ces fichiers JS dans l'ordre suivant:
ui.directives module.
J'ai mis à jour ma question avec mes références, peut-être que je joue quelque chose là-bas.
J'ai copié / collé votre exemple de travail dans mon application, mais elle échoue sans cesse, je dois avoir une certaine configuration incorrecte.
Avez-vous vérifié l'onglet Réseau pour voir si toutes les dépendances sont chargées? Ne vous en obtenez pas 404? Pourquoi avez-vous jquery-ui.js? Corps = 1 et jquery-ui-1.10.2.custom.min.js? Corps = 1 ?
Toutes les dépendances sont chargées, je ne reçois aucun 404. Peut-être que le duplicata pourrait causer une question, je le teste demain lorsque je vais au code!
Enfin résolu! Le problème était causé par le module.js référence, c'est-à-dire une JS dans le répertoire courant lorsque vous téléchargez Angular-UI. Je ne sais pas quand ou pourquoi je l'ai ajouté, mais maintenant que je l'ai supprimé, ça marche. Merci pour l'aide!
En tant que solution de contournement, jusqu'à ce que je reçois une interface utilisateur angulaire de travailler dans mon projet, j'ai effectué la directive suivante qui fonctionne: et dans le HTML:
inclure après JS dans l'ordre
J'ai ajouté ce qui suit p> dans le code HTML p> dans le JS, assurez-vous de vous assurer que Vous codez d'abord pour la directive et après cela ajoutez le code de contrôleur, sinon cela causera des problèmes. p> Directive du sélecteur de date: P> app.controller('myController',function($scope){
//controller code
};