Angular JS et les bibliothèques externes

J'ai une troisième partie de la bibliothèque JavaScript (pas Angulaire) et je voudrais utiliser ses méthodes/objets Angulaires.

Je sais que je peux placer un <script type="text/javascript"> en angle en mode HTML et l'utilisation de ces méthodes, mais c'est vraiment moche.

Sinon, comment cela pourrait-il être fait?

  • inclure la librairie dans votre index.html avant le <script lien angulaire et il devrait être disponible
  • +1 Cathal. D'ailleurs, est qu'une librairie? Si c'est le cas, envisagez de vérifier si Angulaire module est disponible.
  • C'est Braintree bibliothèque (braintreepayments.com/docs/javascript) et ils n'ont pas Angulaire module. J'ai essayé de mettre en avant quelque chose d'autre, mais je ne sais pas comment l'enregistrer comme Angulaire du Module/de la Dépendance et de l'utiliser sur un contrôleur par exemple.
  • Eh bien, vous pouvez l'enrouler à l'intérieur d'un module angulaire, mais alors il ne serait pas vraiment une dimension mondiale. Comme Cathal dit, juste l'inclure avant, y compris Angulaire et vous devriez être bien.
InformationsquelleAutor michelem | 2014-11-12
  1. 9

    Oh, eh bien, je l'ai trouvé, il suffit de le joindre à la $window et vous avez terminé.

    Comme écrit ici: https://developers.braintreepayments.com/javascript+node/sdk/client/configuration

    "Le kit de développement apparaissent comme braintree sur la fenêtre globale de l'objet."

    Donc, à partir de votre contrôleur (par exemple), vous pouvez simplement utiliser $window.braintree et vous avez obtenu tout ce dont vous avez besoin à partir de Braintree de la bibliothèque du client.

    Pour charger le Dropin vous pouvez simplement utiliser ce:

    angular.module('app').controller('YourController', ['$scope', '$window',
    function ($scope, $window) {

        $window.braintree.setup('CLIENTTOKEN', 'dropin', {
            container: 'dropin'
        });

    }
]);
    • le lien fourni changé
    InformationsquelleAutor michelem
  2. 5

    Inclure avant Angulaire et vous devriez être bien

    <script type="text/javascript" src="braintree.js">
<script type="text/javascript" src="angular.js">

    De l'utiliser avec angulaires ne devrait pas être un problème.

    Pouvez-vous créer un Plunker ou JSFiddle d'un problème simple?

    Exemple de réponse sur la façon d'utiliser les deux ensemble: Chiffrement des détails de carte de crédit en utilisant AngularJS dans Braintree

    InformationsquelleAutor SoluableNonagon