Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 页面加载时禁用的角度ng按钮_Javascript_Html_Angularjs - Fatal编程技术网

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

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" /> 但是,当

我使用的是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" />

但是,当页面第一次加载按钮时,当角度加载且浏览器处理该条件时,按钮会被启用几分之一秒

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


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

如果您希望即使angular仍在加载时输入也已被禁用,请将输入设置为已禁用:

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

但是,如果您希望禁用输入以避免用户在angular出于安全原因禁用输入之前单击它,请注意这是没有用的。任何具有最低知识的用户都可以使用浏览器控制台从输入中删除
禁用的
,如果愿意,可以单击


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

请查看角度自定义生命周期挂钩。您可以使用elementRef获取按钮的引用,并可能在这些生命周期挂钩上添加自定义逻辑。NgOnInit()是你可能看起来很完美的东西。非常感谢。