@softloans.io/ngx-loan-calculator v0.0.23

ngx-loan-calculator

The ngx-loan-calculator component is targeted for integrations into the Angular applications developed by the Softloans integration partners.

Dependencies

• Angular 13+

• rxjs 6+

• @angular-slider/ngx-slider 2

  npm i @angular-slider/ngx-slider

Installation

To add the ngx-loan-calculator component to your Angular project:

npm i "@softloans.io/ngx-loan-calculator"

Once installed, add the NgxLoanCalculatorModule module to your app.module.ts:

import { NgxLoanCalculatorModule } from '@softloans.io/ngx-loan-calculator';

...
@NgModule({
 ...
 imports: [... NgxLoanCalculatorModule, ...],
 ...
})
export class AppModule {}

Sample Usage

Now you can use the ngx-loan-calculator component in your app components, for example in app.component.html:

<lib-ngx-loan-calculator [loanMin]="200" [loanMax]="9000" [loanFrom]="2000" [loanTo]="4000" [loanPurpose]="loanPurposeInventory" [loanPurposeOptions]="loanPurposeOptionsAll" [monthsMin]="2" [monthsMax]="12" [monthsDefault]="6" (submitEvent)="submitLoanCalculator($event)"></lib-ngx-loan-calculator>

where app.component.ts contains:

import { Component } from "@angular/core";
import { LoanPurpose, LoanPurposeOptions } from "@softloans.io/ngx-loan-calculator";

@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.scss"],
})
export class AppComponent {
  loanPurposeInventory = LoanPurpose.Inventory;
  loanPurposeOptionsAll = LoanPurposeOptions.All;

  submitLoanCalculator(loan: { loanFrom: number; loanTo: number; loanPurpose: LoanPurpose; months: number }) {
    console.log(loan);
  }
}

Options