0

Je voudrais savoir comment je peux incorporer boostrap-ui comme une dépendance (nécessite JS) afin de travailler avec angulaire.
Numéro actuel Je fais face est que lors de l'injection de la dépendance et quand je fais la console de connexion sur bootstrapUi il renvoie indéfini.Nécessite JS avec Bootstrap-ui

code actuel pour config app:

require.config({ 
    baseUrl: "../", 
    paths: { 
    "angular": "assets/libs/angular.min", 
    "jquery": "assets/libs/jquery-2.2.2", 
    "bootstrapUi": "assets/libs/ui-bootstrap-1.3.1.min" 
    }, 
    "shim": { 
     "angular": { 
     deps: ["jquery"], 
     exports: "angular" 
     }, 
     "bootstrapUi": { 
      deps: ["angular"], 
      exports: "bootstrapUi" 
     } 
    } 
}); 

require(["app.main", "app.controllers"], function(app) { 
    app.init(); 
}); 

code actuel pour le contrôleur App:

define(["app.main", "bootstrapUi"], function (app, bootstrapUi) { 
    app.controller("loginCtrl", function() { 
     bootstrapUi.alert("Hello Wolrd!"); 
    }); 
}); 

Quand ci-dessus est appelé je reçois une erreur "Impossible de lire 'alerte' propriété de non définie"

Ce que j'essaie de réaliser est d'utiliser la dépendance afin de créer mangé un modal.

Répondre

1

Angular-ui-boostrap crée un module appelé 'ui.bootstrap'. Afin de l'utiliser avec requireJS, vous devez requérir le javascript, puis ajouter le module qu'il crée en fonction de votre application angulaire. Pour utiliser le modal, suivre la documentation: ui-bootstrap modal docs.

+0

Une fois que j'ai installé le code, vous avez recommandé comment l'appeler dans mon contrôleur? s'il vous plaît se référer à mon code ci-dessus contrôleur d'application. Est-ce que je passe dans 'bootstapUi' ou $ et comment puis-je appeler les fonctions de bootstrap, c'est-à-dire .show ou .alert –

+0

Avez-vous vérifié la documentation que j'ai liée? [Jetez un oeil dans leur exemple] (http://plnkr.co/edit/04Ux84nrtsePvdPCiBtg?p=preview) – tpsilva

+0

J'ai regardé l'exemple que vous avez fourni. Quand j'appelle quelque chose de très simple, c'est-à-dire $ scope.alert que je reçois '$ scope.alert' n'est pas une fonction. J'ai injecté la portée à travers le contrôleur, mais toujours incapable de l'utiliser –