由于 iframe，Umbraco 后端一直显示加载动画

Question

我有一个用于 Umbraco 的小扩展，但我遇到了一个烦人的问题。我有一个小网站，我需要在我的 Umbraco 后端显示。所以我做了我的新部分，还有我的新树。然后在 edit.html 文件中，我只需将 url 插入到我本地主机上的网站。一切都按预期工作，除了umbraco 中的原生旋转器不会停止旋转。

<div ng-controller="Netbase.Controller">
    <div>
        <h2>{{Title}}</h2>
        <iframe src="http://localhost:64254/" id="contentPage" style="margin-left:15px;margin-right:15px" width="100%" height="100%" />        
    </div>
</div>

但是，如果我删除我的 iframe，一切正常，微调器消失了。显示微调器的是 umbraco。

我的 Angular Controller 是空的，除了我设置标题(工作正常)。

Answer 1

我意识到这是一个老问题，但也许这会对其他人有所帮助。加载图形是 Umbraco CSS 应用于所有 iframe 的背景。以下是我的处理方式。

在 iframe 的 HTML 中包含以下属性:

 data-ng-init="iframeLoaded()"

然后在你的 Controller 中:

$scope.iframeLoaded = function() {
    $('#contentPage').css('background', 'none');
};