Angular JS和外部库

Question

我有第三方JavaScript库(不是Angular),我想使用Angular中的方法/对象.

我知道我可以放入一个<script type="text/javascript">有角度的HTML视图并在那里使用那些方法但这真的很难看.

怎么办呢？

Answer 1

哦,好吧,我发现它,只是依附于$window你就完成了.

如下所示:https://developers.braintreepayments.com/javascript+node/sdk/client/setup

" SDK将在全局窗口对象上显示为braintree. "

因此,从您的控制器(例如),您可以简单地使用,$window.braintree并从Braintree客户端库中获得所需的一切.

要加载Dropin,您只需使用:

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

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

    }
]);

Answer 2

在Angular之前加入它你应该没问题

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

使用角度应该不是问题.

你能创建一个简单问题的Plunker或JSFiddle吗？

如何将两者结合使用的示例答案:使用Braintree中的AngularJS加密信用卡详细信息