Angular Directives for User Interaction

Begin by importing the JhaResponsiveCoreModule into your application.

// import into app.module
import { JhaResponsiveCoreModule } from '@jkhy/responsive-ui-angular/jha-responsive-core';

@NgModule({
    imports: [
        ...
        JhaResponsiveCoreModule.forRoot(),
        ...
    ]
})

export class AppModule(){}

jhaThrottleClick

Add the jhaThrottleClick directive to any clickable element. This directive throttles the typical click event to prevent double clicks. When using the jhaThrottleClick directive, bind your method to jhaThrottledClick instead of click or jhaClick. There is one optional attribute of jhaThrottleTime, which sets the delay in milliseconds and is defaulted to 500.

<input id="GrossIncome" name="GrossIncome" type="number" step="0.01" jhaCurrencyInput
    class="form-control" [(ngModel)]="customerInfo.grossIncome" autocomplete="off"
    autocorrect="off" autocapitalize="off" spellcheck="false" />