渲染前的角度gui

Question

我对角度/离子世界很新。我正在做一个移动应用程序，最终将通过phonegap转换为原生。

作为角色的新手，有一件事对我来说不太清楚。我想知道在生产中开发移动应用程序（实际上，甚至那些开发普通Web应用程序）的人是否可以帮助我理解这个简单的事情：

当页面被加载时，有时会发生几毫秒，我可以在gui中看到丑陋的括号（括号/括号）。

所以，如果我有一个页面：

<h1>{{myvar}}</h1>

我可以在极短的时间内看到上面的文字：

{{myvar}}

然后它被{{myvar}}

的实际值替换

那么，重点是什么？重点是，对我来说，这非常难看。即使这将在0,001秒被显示出来，我仍然认为这是丑陋的。我不相信我是唯一一个对此感到恼火的人。我呢？如果没有，您作为开发人员的反应如何？在使用修改DOM的工作完成角度之前，您是否尝试了一些解决方法来隐藏gui？

Answer 1

您正在寻找ngCloak。这意味着您需要将此指令添加到HTML元素中，如下所示：

<div id="template1" ng-cloak>{{ 'hello' }}</div>

Here are docs.

Answer 2

避免这种情况的另一种方法是使用ng-bind而不是大括号：

<h1 ng-bind="myvar"></h1>