javascript – Angular JS和外部库

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

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

怎么办呢？

解决方法

哦,好吧,我发现它,只需附加到$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'
        });

    }
]);