使用angularjs中的外部窗口小部件加载动态脚本块

Question

我有脚本块来加载局部视图上的小部件,但如果我直接放在部分html页面上,我会收到以下错误:

"无法在'Document'上执行'write':除非明确打开,否则无法从异步加载的外部脚本写入文档."

示例脚本块是:

> <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页面并将其放在上面的脚本块然后通过iframe加载该页面然后它工作.但是在加载到iframe之前更新内容非常困难

Answer 1

如果没有看到外部小部件的一些内容，就很难准确诊断。我的第一印象是，它可能需要更改以返回一个文档，然后您可以使用外部小部件中的标头函数的名称在 JS 脚本块中分配该文档。大致如下：

\n\n

var someDoc = writeDoc();\n

\n\n

我认为小部件中的标头函数在哪里writeDoc()，它返回某种 HTML 文档。当然，脚本标签必须位于声明之前。或者，根据您的ng-repeat要求，您可以使用以下内容：

\n\n

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

\n\n

在列表块甚至选择块中（尽管我不推荐类似的东西），具体取决于文档占用的空间大小。

\n\n

希望有帮助。

\n\n

-C\xc2\xa7

\n