Question

我知道Angularjs通过他们的模型填充字段。

首先加载Html：

<input type="text" data-ng-model="values.myValue" placeholder="trololol">

然后是JavaScript：

$scope.values = {};
$scope.values.myValue = 'herro my value';

这样做有效，但是在占位符显示然后更新时会有一个闪烁，其值为＆＃39; herro my value＆＃39;。

我想知道是否有一种方法可以直接将值放入html而不会搞砸angularjs模型？例如。

<input type="text" value="herro my value" data-ng-model="values.myValue" placeholder="trololol">

然后当JavaScript加载时，模型接管。这是一种在页面加载时摆脱这种闪烁的安全方法吗？

Answer 1

ng-cloak属性应该阻止这个：

Answer 2

您可以在display: none;代码上添加body并向角色添加运行块：

angular.module('myApp', ['ngRoute'])
.run(function() {
 document.body.style.display = "block"
});

现在的区别在于用户现在正在获取空白屏幕，直到加载角度。