时间戳

首页 > 解决方案 > 单击角度动态添加的DOM（ngx-bootstrap datepicker）元素

angular - 单击角度动态添加的DOM（ngx-bootstrap datepicker）元素

问题描述

我在我的项目中使用了 ngx-bootstrap datepicker，在它下面我有提交按钮，我想要的是，当我从 datepicker 中选择日期时，提交按钮应该激活。

提交

当我选择日期时，应该删除按钮的禁用类。

标签： angular

解决方案

您可以使用表单验证来禁用按钮

<form (ngSubmit)="CreateUser(f)" #f="ngForm">
<input [(ngModel)]='myDate' type="text" name="date" my-datepicker #date='ngModel' required >
<input type='button' value='sbmit' [disabled]='date.invalid'>
</form>

或者如果你想通过使用类来做到这一点，你可以添加

[ngClass]="{ 'YourInvalidClassName': date.invalid }"

推荐阅读