javascript - 在angularjs中使用外部小部件加载动态脚本 block

Question

我有脚本 block 来在部分 View 上加载小部件，但如果我直接放在部分 html 页面上，我会遇到以下错误:

"Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened."

示例脚本 block 是:

> <script type="text/javascript"  defer="defer"
> src="http://svenskfotboll.se/widget.aspx?scr=table&amp;ftid=57108&amp;b1=%232f3841&amp;f1=%23ffffff&amp;b2=%23acbfda&amp;f2=%23000000&amp;b3=%23ffffff&amp;f3=%23000000&amp;b4=%23ececec&amp;bo=%23dfdfdf&amp;s=1"></script>

我将有多个小部件，所以我想通过 ng-repeat 加载一些东西。请指教。

注意我试图为此显示静态方式，我添加了一个带有 html/body 标签的 html 页面，并将其放在脚本 block 上方，然后通过 iframe 加载该页面，然后它就可以工作了。但问题是在加载到 iframe 之前更新内容非常困难

Answer 1

如果不查看外部小部件的某些内容，则很难准确诊断。我的第一印象是它可能需要更改以返回一个文档，然后您可以使用外部小部件中的 header 函数的名称在 JS 脚本 block 中分配该文档。类似的东西:

var someDoc = writeDoc();

writeDoc() 是小部件中的 header 函数，我假设它返回某种 HTML 文档。当然，脚本标记必须位于您的声明之前。或者，根据您的 ng-repeat 要求，您可以使用如下内容:

ng-repeat="{{writeDoc()}}"

在列表 block 甚至选择 block 中(尽管我不推荐这样的东西)，具体取决于文档占用的空间大小。

希望对您有所帮助。

-C§