libs/control/src/lib/bool-toggler/bool-toggler.component.ts
selector | n52-bool-toggler |
templateUrl | ./bool-toggler.component.html |
Methods |
|
Inputs |
Outputs |
icon | |
Type : string
|
|
tooltip | |
Type : string
|
|
value | |
Type : boolean
|
|
onToggled | |
Type : EventEmitter<boolean>
|
|
Public toggle |
toggle()
|
Returns :
void
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
@Component({
selector: 'n52-bool-toggler',
templateUrl: './bool-toggler.component.html'
})
export class BoolTogglerComponent {
@Input()
public value: boolean;
@Input()
public icon: string;
@Input()
public tooltip: string;
@Output()
public onToggled: EventEmitter<boolean> = new EventEmitter();
public toggle() {
this.onToggled.emit(!this.value);
}
}
<button type="button" class="btn" (click)="toggle()" [ngClass]="value ? 'btn-primary' : 'btn-light'" title="{{tooltip}}">
<i class="fa fa-{{icon}}" aria-hidden="true"></i>
</button>