Dev Faq
7
votes

Drop drapeaux de bootstrap angulaires ne fonctionnant pas dans le FullStack angulaire

J'ai copié le code former directement le Bootstrap angulaire UI Plunkr

J'utilise un blanc Modèle fullstack angulaire (moyen) pour la construction d'une application.

Lorsque j'utilise le code de la botte angulaire uib-dropdown Il finit par incorrect et ne fonctionne pas, tous les autres angulaires Les composants de bootstrap semblent fonctionner correctement xxx

< img src = "https://i.stack.imgur.com/x2dov.png" alt = "comment il regarde dans le FullStack angulaire">

0 commentaires

4 Réponses :

7
votes

J'ai résolu mon problème en n'utilisant pas la directive déroulante Bootstrap angulaire et je suis allé avec Bootstrap + Code angulaire simple que j'ai googlé.

Cela fonctionne bien pour moi. P> 

    <div class="input-group">
        <div class="btn-group" ng-class='{open: open}'>
            <button class="btn btn-primary dropdown-toggle"
                    data-toggle="dropdown"
                    ng-click='open=!open'>
                Action<span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li ng-repeat="choice in ['the', 'quick', 'brown', 'fox']"
                    ng-click="setChoiceIndex($index);$parent.open =!$parent.open">
                    <a href="#">{{choice}}</a>
                </li>
            </ul>
        </div>
    </div>

1 commentaires

Cette solution ne ferme pas la liste déroulante lorsque vous cliquez sur Ailleurs dans le navigateur

1
votes

J'ai eu ce problème. J'ai mis à jour les ui angulaires bootstrap à 0,14.3 Version et puis résolvé le problème.

0 commentaires
11
votes

URI de mise à niveau UI angulaire à Bower.json: xxx

puis exécutez: xxx

3 commentaires

Cela devrait être la réponse! Merci!

Cela enfreint la barre NAV. Pour résoudre ce problème, vous devrez éditer NAVBAT.HTML et changer

à

Dans mon cas, j'ai aussi dû modifier

    à lire:
      . Juste mon 2c.

0
votes

Vous devez utiliser le préfixe 'UIB-' pour chaque directive, vérifiez cette réponse: https://stackoverflow.com/a/34725928/3439101

0 commentaires

Articles qui pourrait vous intéresser :

Recherche d'un div dans une vue AngualrJS ui-router, en utilisant document.querySelector
Problème avec la visibilité des options dans ui-select + parent div a overflow-x pour faire défiler
Rapporteur: Erreur lors de l'attente de la synchronisation de Protractor avec la page: "La testabilité angularJS et la testabilité angulaire ne sont pas définies
Comment utiliser correctement AngularJS $ http.post pour mettre à jour la table MySQLi via PHP?