在angularJS中加载页面时隐藏数据绑定

Question

当重新加载我的angularJS应用程序页面时，它会显示“School：”，非常难看。我不想在页面加载过程中显示这些不完整的信息。

<title>School: {{query}}</title> 

如何在页面加载时隐藏它？

Answer 1

只要您想要实现此行为，只需将ng-cloak添加到该html标记即可。这将阻止UI在评估表达式之前显示内容。

<title ng-cloak>School: {{query}}</title>

Answer 2

更好的解决方案是使用ngBind或ngBindTemplate指令，而不是使用双重卷，这些指令在页面加载时对用户不可见：

<title ng-bind-template="School: {{query}}">Querying</title>