【问题标题】:Hide data-binding when loading page in angularJS [duplicate]在angularJS中加载页面时隐藏数据绑定[重复]
【发布时间】:2016-08-11 10:58:00
【问题描述】:

重新加载我的 angularJS 应用程序的页面时,它会显示“学校:”,非常难看。我不想在页面加载期间显示这些不完整的信息。

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

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

【问题讨论】:

  • 您可以为此使用ng-cloak 指令。
  • 将 'School: ' 放在 {{query}} 绑定中。
  • @shammelburg 成功了,谢谢

标签: javascript html angularjs data-binding


【解决方案1】:

除了使用双花括号,更好的解决方案是使用ngBindngBindTemplate 指令,这些指令在页面加载时对用户是不可见的:

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

【讨论】:

    【解决方案2】:

    无论您想在何处实现此行为,只需将 ng-cloak 添加到该 html 标记即可。这将阻止 UI 在计算表达式之前显示内容。

    &lt;title ng-cloak&gt;School: {{query}}&lt;/title&gt;

    【讨论】:

      猜你喜欢
      • 2020-08-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-09-22
      相关资源
      最近更新 更多