Question

我使用.NET MVC Razor作为我的视图引擎，并将Angular控制器附加到该视图。这个观点很实用。但是，当页面加载或刷新时，它包含一种奇怪的行为。

例如，如果我将{{vm.FirstName}}之类的内容放入视图中。页面加载后，我可以看到＆＃34; {{vm.FirstName}}＆＃34;的纯文本。很短的时间。文本很快就会消失，然后我会看到该属性的实际值。

知道如何解决这个问题吗？

谢谢你们。

Answer 1

如果将大括号{{}}放在主index.html中，它会在angular有时间启动之前显示，并将范围变量解析为DOM。

您可以使用ng-bind指令来克服此问题，因此文本只会在角度解析变量后显示。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app ng-init="foo='hello world!'">
  <h1 ng-bind="foo"></h1>
</div>

页面加载/刷新时，原始模板（未编译）闪烁

1 个答案: