I have a table in my html file how do I disable onClick function on condition startdate> currentdate
<ng-container matColumnDef="d">
<th
mat-header-cell
*matHeaderCellDef
>
Start Date
</th>
<td
mat-cell
*matCellDef="let w"
(click)="display = false; create(false, w)"
title="Cannot start"
>
{{ w.startDate }}
</td>
</ng-container>
and suppose I want to show "cannot start" title only when startdate>current date how could I do that
Put a condition in your click logic
.html
(click)="clicked(w)"
[attr.title]="isFuture(w) ? 'Cannot start' : 'Can start'"
.ts
clicked(w) {
if (this.isFuture(w)) {
this.display = false;
this.create(false, w)
}
}
isFuture(w) {
return w.startdate > new Date();
}