Javascript 页面加载时禁用的角度ng按钮
我使用的是Angular,我有一个带有ng disabled属性的按钮,该按钮将禁用它,直到用户在两个文本字段中输入文本:Javascript 页面加载时禁用的角度ng按钮,javascript,html,angularjs,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" /> 但是,当
<input ng-model="name" type="text">
<input ng-model="password" type="password">
<input ng-disabled="name == '' || password == ''" type="submit" value="Log in" />
但是,当页面第一次加载按钮时,当角度加载且浏览器处理该条件时,按钮会被启用几分之一秒
我希望从页面加载的那一刻起禁用该按钮,并且仅在用户在这两个字段中输入文本时启用该按钮
有人知道是否有解决方案吗?如果您希望即使angular仍在加载时输入也已被禁用,请将输入设置为已禁用:
<input disabled ng-disabled="name == '' || password == ''" type="submit" value="Log in" />
但是,如果您希望禁用输入以避免用户在angular出于安全原因禁用输入之前单击它,请注意这是没有用的。任何具有最低知识的用户都可以使用浏览器控制台从输入中删除禁用的
,如果愿意,可以单击
这只是美学上的,我个人鼓励你试着去理解为什么按钮要花这么长时间才能被禁用。它不应该花费足够长的时间,以便用户能够注意到。请查看角度自定义生命周期挂钩。您可以使用elementRef获取按钮的引用,并可能在这些生命周期挂钩上添加自定义逻辑。NgOnInit()是你可能看起来很完美的东西。非常感谢。