File

src/lib/kiewit-button/kiewit-button.component.ts

Metadata

moduleId module.id
selector kiewit-button
styleUrls kiewit-button.component.scss
templateUrl ./kiewit-button.component.html

Index

Methods
Inputs
Outputs

Inputs

value

Type: string

Outputs

kiewitButtonClick $event type: EventEmitter<any>

Methods

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()" />
    
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
Component
Html element with directive

results matching ""

    No results matching ""