• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

Angular 2中多个三元运算符上的禁用按钮

angular 来源:Ravidas Shiudkar 5次浏览

我可能在这里做错了什么,但无法解决此问题。Angular 2中多个三元运算符上的禁用按钮

我试图用两种形式验证 禁用按钮像

this.dailyFlag = true; 
this.monthlyFlag = false; 

,并具有形式

<form (submit)='pushData()' #dailyForm="ngForm">...</form> 
<form (submit)='pushData()' #monthlyForm="ngForm">...</form> 
<button disabled='--- saveral condition as below--' > 
If (dailyFlag && monthlyFlg) then check both forms sholud be valid 
else 
if(daliFlag) then checkFor dailyForm valid only else false 
if(monthlyFlag) then check For monthlyForm valid only else false 

**复制下面的代码,这低于plunker代码执行并检查 https://plnkr.co/edit/JQjLMJiohgOJ8Mf6xbgP?p=preview

===========解决方案如下:

如果表单无效,将禁用该按钮。如果dailyForm无效或monthlyForm无效

[disabled] = "!dailyForm.valid || !monthlyForm.valid" 

//禁用真正


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)