javascript - 如何加载 Gist 代码而不会出现异步错误

Question

我目前正在为自己的一个新博客使用 angular 和 rails，但我被卡住了。我用了ng-bind-html用于从我的后端注入(inject)代码。

现在我使用自己的指令修复了它。

当我尝试从 Github 的 Gist 服务导入代码示例时，目前出现以下错误:

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.

是什么原因以及如何解决这个问题？提前致谢!

Answer 1

这个问题很老了，但我在搜索错误时偶然发现了它。您可以包括 https://github.com/blairvanderhoof/gist-embed/在您的项目中，然后编写一个指令来应用更改:

yourApp.directive('gistDirective', function() {
    return function(scope, element, attrs) {
        scope.$watch('someAngularVariable', function(){
            angular.element('[data-gist-id]').gist();
        });

    }
});

然后

<section gist-directive>
                <article>
                    <div ng-bind-html="trustHtml(someAngularVariable.body)"></div>
                </article>
    </section>