src/lib/kiewit-button/kiewit-button.component.ts
| moduleId | module.id |
| selector | kiewit-button |
| styleUrls | kiewit-button.component.scss |
| templateUrl | ./kiewit-button.component.html |
Methods |
Inputs |
Outputs |
value
|
Type: |
kiewitButtonClick
|
$event type: EventEmitter<any>
|
| kiewitButtonClicked |
kiewitButtonClicked()
|
|
Returns :
void
|
import { Component, Input, Output, EventEmitter } from '@angular/core';
@Component({
moduleId: module.id,
selector: 'kiewit-button',
templateUrl: './kiewit-button.component.html',
styleUrls: ['./kiewit-button.component.scss']
})
export class KiewitButtonComponent {
@Input()
value: string = "";
@Output()
kiewitButtonClick: EventEmitter<any> = new EventEmitter();
kiewitButtonClicked() {
this.kiewitButtonClick.emit();
};
}
<input type="button" [value]="value" class="kiewitbutton" (click)="kiewitButtonClicked()" />
In HTML File