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吗？

如何将两者结合使用的示例答案：Encrypting credit card details using AngularJS in Braintree

Angular JS和外部库

2 个答案: