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加密信用卡詳細信息