File

libs/depiction/src/lib/label-mapper/label-mapper.component.ts

Implements

OnChanges

Metadata

selector n52-label-mapper
templateUrl ./label-mapper.component.html

Index

Properties
Methods
Inputs

Constructor

constructor(labelMapperSrvc: LabelMapperService)
Parameters :
Name Type Optional
labelMapperSrvc LabelMapperService No

Inputs

label
Type : string

Methods

Public ngOnChanges
ngOnChanges(changes: SimpleChanges)
Parameters :
Name Type Optional
changes SimpleChanges No
Returns : void

Properties

Public determinedLabel
Type : string
Public loading
Default value : true
import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';

import { LabelMapperService } from './label-mapper.service';

@Component({
    selector: 'n52-label-mapper',
    templateUrl: './label-mapper.component.html'
})
export class LabelMapperComponent implements OnChanges {

    @Input()
    public label: string;

    public determinedLabel: string;

    public loading = true;

    constructor(
        protected labelMapperSrvc: LabelMapperService
    ) { }

    public ngOnChanges(changes: SimpleChanges): void {
        if (changes.label) {
            this.labelMapperSrvc.getMappedLabel(this.label)
                .subscribe((label) => {
                    this.determinedLabel = label;
                    this.loading = false;
                });
        } else {
            this.loading = false;
        }
    }
}
<span *ngIf="determinedLabel">{{determinedLabel}}</span>
<span *ngIf="loading">
  <span class="glyphicon glyphicon-refresh icon-spin"></span>
  <span> loading label ...</span>
</span>
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""