Q:

How do I disable toggle button?

I want to display toggle button in HTML with disabled.
My button code:
<td >
    <div class="toggle" [class.on]="isActive" (click)="function(no)">
    <div class="toggle-btn"></div>
    </div>
</td>

I've tried to put disabled:
<div class="toggle" [class.on]="isActive" (click)="function(no) disabled">

And:
<div class="toggle-btn" disabled></div>

But it doesn't work. Any solutions?

A:

I have found own solution by just adding CSS

pointer-events:none

