我有一个名为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>
在将此页面与angular集成之前,我测试了它是否有效,但现在我已将此页面集成为角度状态:$ stateProvider
.state('billing', {
url: '/billing',
views: {
'main': {
controller: 'BillingController as billingCtrl',
templateUrl: '/billing/index.html'
}
}
});
我在路由到所述页面时收到这些错误:
我想避免依赖像braintree-angular这样的第三方库。在我看来,角度模板不识别标签,因为它们用于将控制器绑定到html。
答案 0 :(得分:1)
包含js文件的最佳方法是将其路径添加到Angular.js中的脚本键(字符串数组):
{
"projects": {
"you-will-find-your-project-name-here": {
"architect":
"scripts": ["src/assets/scripts/myScriptsFile.js,]
},
....
}
答案 1 :(得分:0)
在构建过程中生成了一个index.html,其中包含所有资产,包括js / controller文件。包含外部js文件的答案只是将我的脚本标记插入到包含所有依赖项的index.html文件中。