当AngularJS中的参数值为null时如何防止点击事件？答案

【问题标题】：How to prevent click event when parameter value is null in AngularJS?当AngularJS中的参数值为null时如何防止点击事件？
【发布时间】：2015-01-11 12:37:38
【问题描述】：

<input type="text" name="input" ng-model="email" placeholder="Email ID"/>
<!--input text box which value is send when click event fire.-->
<button type="submit" id="Button1" ng-click="sendBtnForgotPswd(email)" />
</form>

当输入“电子邮件”未定义时，我不想触发点击事件。 AngularJS 提供的用于防止点击事件的任何内置过滤器*

【问题讨论】：

Disable submit button when form invalid with AngularJS的可能重复

标签： angularjs

【解决方案1】：

您在这里至少有两种可能性。可能最佳的一种是使用ngDisabled 指令在电子邮件为空时停用按钮：

<button ng-disabled="!email" ng-click="sendBtnForgotPswd(email)" 
        type="submit" id="Button1" >Send</button>

其他选项是仅在填写电子邮件时调用sendBtnForgotPswd函数：

<button type="submit" id="Button1" ng-click="email && sendBtnForgotPswd(email)">Send</button>

还要注意button标签不能自关闭，所以你应该添加关闭</button>。

【讨论】：

【解决方案2】：

在按钮元素上使用ng-disabled="!email"。

【讨论】：