File

libs/control/src/lib/bool-toggler/bool-toggler.component.ts

Metadata

selector n52-bool-toggler
templateUrl ./bool-toggler.component.html

Index

Methods
Inputs
Outputs

Inputs

icon
Type : string
tooltip
Type : string
value
Type : boolean

Outputs

onToggled
Type : EventEmitter<boolean>

Methods

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>
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""