2015-12-17 69 views
1

我有一個與依賴於外部JavaScript一種叫做index.html頁面:如何在角模板中包含外部JavaScript?

<script src="https://js.braintreegateway.com/v2/braintree.js"></script> 
<script> 
var clientToken = removed 
braintree.setup(
      // Replace this with a client token from your server 
      clientToken, 
      "dropin", { 
      container: "payment-form", 
      form: "checkout", 
      }); 
</script> 

在此之前,頁面的角度整合,我測試,看看它的工作原理,但現在,我已經集成了這個網頁作爲一個角狀態:$ stateProvider

.state('billing', { 
     url: '/billing', 
     views: { 
      'main': { 
       controller: 'BillingController as billingCtrl', 
       templateUrl: '/billing/index.html' 
      } 
     } 
    }); 

路由時說,我收到這些錯誤頁:

enter image description here

我想避免依賴braintree-angular等第三方庫。在我看來,角模板不能識別標籤,因爲它們用於將控制器綁定到html。

+0

您是否嘗試過使用'onEnter'回調來動態創建第三方庫的腳本標記? https://github.com/angular-ui/ui-router/wiki#onenter-and-onexit-callbacks – o4ohel

+0

只附加到$窗口,例如$ window.braintree.setup .... –

回答

0

構建過程中生成了一個包含js/controller文件在內的所有資源的index.html。包含外部js文件的答案只是將我的腳本標記插入到包含所有依賴關係的index.html文件中。

相關問題