src/lib/kiewit-numerictextbox/kiewit-numerictextbox.component.ts
| selector | kiewit-numerictextbox |
| styleUrls | kiewit-numerictextbox.component.scss |
| templateUrl | ./kiewit-numerictextbox.component.html |
Methods |
Inputs |
Outputs |
config
|
Type: |
kcsNgModel
|
Type: |
kcsNgModelChange
|
$event type: EventEmitter
|
kcsValueChange
|
$event type: EventEmitter
|
| onNgModelChange | ||||||||
onNgModelChange(newValue: )
|
||||||||
|
Parameters :
Returns :
void
|
| onValueChanged | ||||||||
onValueChanged(value: any)
|
||||||||
|
Parameters :
Returns :
void
|
import { Component, Input, Output, EventEmitter } from '@angular/core';
import { IKiewitNumericTextbox } from './kiewit-numerictextbox.interface';
@Component({
selector: 'kiewit-numerictextbox',
templateUrl: './kiewit-numerictextbox.component.html',
styleUrls: ['./kiewit-numerictextbox.component.scss']
})
export class KiewitNumericTextboxComponent {
@Input() config: IKiewitNumericTextbox = {
spinners: true,
decimals: 2,
format: "a0",
};
@Input() kcsNgModel: string;
@Output() kcsNgModelChange = new EventEmitter();
@Output() kcsValueChange = new EventEmitter();
onValueChanged(value:any) {
this.kcsValueChange.emit(value);
}
onNgModelChange(newValue) {
this.kcsNgModel = newValue;
this.kcsNgModelChange.emit(newValue);
}
}
<kendo-numerictextbox class="text-box"
[spinners]="config.spinners"
[decimals]="config.decimals"
[format]="config.format"
[value]="config.value"
[ngModel]="kcsNgModel"
(ngModelChange)="onNgModelChange($event)"
></kendo-numerictextbox>
In HTML File