libs/depiction/src/lib/label-mapper/label-mapper.component.ts
selector | n52-label-mapper |
templateUrl | ./label-mapper.component.html |
Properties |
|
Methods |
|
Inputs |
constructor(labelMapperSrvc: LabelMapperService)
|
||||||
Parameters :
|
label | |
Type : string
|
|
Public ngOnChanges | ||||||
ngOnChanges(changes: SimpleChanges)
|
||||||
Parameters :
Returns :
void
|
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>