File
Metadata
moduleId |
module.id |
selector |
kiewit-button |
styleUrls |
kiewit-button.component.scss |
templateUrl |
./kiewit-button.component.html |
Outputs
kiewitButtonClick
|
$event type: EventEmitter<any>
|
|
Methods
kiewitButtonClicked
|
kiewitButtonClicked()
|
|
|
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()" />
Implementation
In Type Script File
import { Component} from '@angular/core';
@Component({
selector: 'kiewit-button',
templateUrl: './kiewit-button.component.html',
})
export class KiewitButtonComponent {
public value : string;
kiewitButtonClicked() {
// content...
};
}
In HTML File
<kiewit-button value="" (click)="kiewitButtonClicked()"></kiewit-button>
Legend
Html element with directive