blob: 49f51ce17bcf9273175733ae59178b1df374abc0 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
import { Component, OnInit, Output, EventEmitter, Input } from '@angular/core';
@Component({
selector: 'rdp-button',
styleUrls: ['./rdp-button.component.css'],
template: `
<button type="button" class="btn btn-primary" (click)="emitClickEvent()" [disabled]="isDisabled">{{text}}</button>
`
})
export class RdpButtonComponent implements OnInit {
@Output() rdpClick = new EventEmitter<any>();
@Input() isDisabled:boolean = false;
@Input() text = "Button Name";
constructor() { }
ngOnInit() {
}
emitClickEvent(){
this.rdpClick.emit();
}
// Usage Example 1:
// <rdp-button [text]="'SUBMIT'" (rdpClick)="editMyFiles(Object)" [isDisabled]=true ></rdp-button>
// Example 2:
// <rdp-button [text]="'SUBMIT'" (rdpClick)="editMyFiles(Object)" [isDisabled]=false ></rdp-button>
}
|