Question

我正在使用ASP.NET 4.5 Web表单和AngularJS 1.2创建应用程序。

我的网页经常遇到问题，angularjs需要花费时间加载，在此期间，花括号模板表达式无法在页面中正确呈现。

我的意思是，当angularjs仍在加载时，我会在我的页面中显示这些内容：

{{exp1}}将在{{date}}

上与您联系

我的Page_Load asp.net功能所做的那些页面做了很多工作，这个问题更加突出。这些模板表达式在页面上停留3/4秒。

我尝试使用加载gif来解决这个问题，但是我使用angular.js切换了我的加载gif的可见性，所以它也不好。

Answer 1

在您体内使用

<body ng-cloak>

</body>

和你的css

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

Answer 2

您看到flash-of-unstyled-content或fouc

的问题有一个名称

您需要做的是使用ng-cloak，link to its docs

将ng-clock添加到正文标记和ng-cloak css，如@yang的早期回答所示