为什么在加载AngularJS之前我看到{{...}}？

Question

你知道为什么{{ project.title }}在我看到范围的真正价值之前.

那怎么解决？

编辑: <title>{{ pageTitle }}</title>

页面正在加载

页面完全加载

Answer 1

您对Angular.JS应用程序的看法只是静态HTML.如果你删除了引用Angular.JS的脚本标记,那么你最终会看到一个完全没有被替换的大括号的页面.

当浏览器完成加载Angular.JS并加载应用程序时,将评估这些大括号中的表达式.这就是为什么你在短暂的时间内看到{{…}}你的页面标题.

正如其他人所指出的,该ng-cloak指令通常是在应用程序完全加载之前摆脱闪烁的方法.

但由于ng-cloak只是CSS,因此无法应用于页面标题.如上所述,你需要ng-bind.

<title ng-bind="pageTitle">Default Title</title>