页面加载时禁用角度ng的按钮

Question

我正在使用Angular，并且有一个带有ng-disabled属性的按钮，该按钮将禁用它，直到用户在两个文本字段中输入文本为止：

<input ng-model="name" type="text">
<input ng-model="password" type="password">

<input ng-disabled="name == '' || password == ''" type="submit" value="Log in" />

这可以正常工作，但是，当页面第一次加载时，在角度加载时浏览器会处理该条件，并在不到一秒的时间内启用按钮。

我希望从页面加载的那一刻起禁用该按钮，并且仅当用户在这两个字段中输入文本时才启用。

有谁知道是否有解决方案？

Answer 1

如果即使在仍在加载角度的情况下也要禁用输入，则使输入已禁用：

<input disabled ng-disabled="name == '' || password == ''" type="submit" value="Log in" />

但是，如果出于安全原因希望禁用输入，以避免用户在使angular将其禁用之前单击它，请注意这是没有用的。 任何最不了解的用户都可以使用浏览器控制台从输入中删除disabled的用户，然后根据需要单击。

这只是美学，我个人会鼓励您尝试了解为什么按钮要花这么长时间才能被禁用。 它应该不会花很长时间，以便用户可以注意到它。