Question

我使用Formsite创建了一个表单，但我无法将代码嵌入到我的页面中。他们的网站嵌入代码看起来像this：

<a name="formvtjqi9JE" id="formAnchorvtjqi9JE"></a>
<script type="text/javascript" src="//www.formsite.com/include/form/embedManager.js?vtjqi9JE"></script>
<script type="text/javascript">
EmbedManager.embed({
 key: "www.formsite.com/form_app/Formsite?EParam=IRLY%2&vtjqi9JE",
 width: "100%",
 prePopulate: { "2":"Alex", "3":"Powers","4-1":"1","4-2":"2"},
 resizeCallback: yourFunction,
 showFormLogin: false,
 mobileResponsive: true
});
</script>

我的页面不会直接在页面上加载javascript文件，因为它使用控制器来处理所有javascript文件。有没有办法将此脚本加载到控制器？我认为我的问题与AngularJS: How to make angular load script inside ng-include?有关，但我无法使用嵌入代码。

旁注

我知道嵌入代码有效，因为如果我创建一个空白的html页面并只复制并粘贴嵌入代码，它就会出现。

澄清（提前道歉我只是学习角度）

网站的格式看起来像是保留了index.html中的所有内容，因此此页面只包含所有类似的内容

<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet"><!-- main.css is output from main.scss, NOT A WORKING FILE -->

<!-- Theme CSS -->
<link href="vendor/pictonic/css/pictonic.css" rel="stylesheet">
<link rel="icon" type="image/png" href="img/header/syn_emblem.png">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

<script src="vendor/angular/angular.min.js"></script>
<script src="vendor/angular/angular-ui-router.min.js"></script>
<script src="js/myapp.js"></script>
<script src="./vendor/pictonic/js/pictonic.min.js"></script>

<!-- typekit fonts -->
<script src="https://use.typekit.net/yqg2zpp.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>

<!-- directives -->


<!-- controllers -->
<script src="js/home.controller.js"></script>
<script src="js/navigationController.js"></script>
<script src="js/survey.controller.js"></script>

尝试1

我有另一个html是survey.html，我想放置我创建的表单。但是如果我只是将上面嵌入的代码复制并粘贴到这里就没有了。此页面中没有任何<script>个标签，因此我猜我必须将嵌入代码放在其他位置导致...

尝试2 我走了这条线

<script type="text/javascript" src="//www.formsite.com/include/form/embedManager.js?vtjqi9JE"></script>

并将其放入index.html并尝试将其中的第二个脚本部分放入survey.controller.js，以便我添加的部分看起来像。

(function (ng) {
'use strict';

var surveyPage = ng.module('ngLoadScript', []);

surveyPage.directive('script', function() {
 return {
   restrict: 'E',
    scope: false,
    link: function(scope, elem, attr) {
      EmbedManager.embed({
      key: "https://fs27.formsite.com/res/showFormEmbed?EParam=blabla",
      width: "100%",
      mobileResponsive: true
      });
    }
  };
});

}(angular));

哪个也不起作用。

FormSite表格嵌入Angular

0 个答案: