页面加载时Angular ng-disabled按钮

时间:2017-09-19 22:05:05

标签: javascript html angularjs

我正在使用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" />

这样可以正常工作,但是当页面首次加载时,按钮会在角度加载和浏览器处理条件的情况下启用几分之一秒。

我希望在页面加载的瞬间禁用该按钮,并且只有在用户在这两个字段中输入文本后才启用该按钮。

有没有人知道是否有解决方案?

1 个答案:

答案 0 :(得分:2)

如果您希望即使角度仍在加载时输入已被禁用,那么输入已被禁用:

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

但是,如果您希望禁用输入以避免用户在角度因安全原因而禁用之前将其单击,请注意这是无用的。任何知识最少的用户都可以使用浏览器控制台从输入中删除disabled,并根据需要单击。

这只是美学,我个人会鼓励你试着理解为什么这个按钮需要很长时间才能被禁用。它不应该花费足够长的时间,以便用户注意到它。