src/module/chart-legend/chart-legend.component.ts
| selector | chart-legend |
| styleUrls | chart-legend.component.scss |
| templateUrl | ./chart-legend.component.html |
Methods |
Inputs |
constructor()
|
keys
|
Type: |
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
import {Component, Input, OnInit} from '@angular/core';
import { LegendKey } from './../../types';
@Component({
selector: 'chart-legend',
templateUrl: './chart-legend.component.html',
styleUrls: ['./chart-legend.component.scss']
})
export class ChartLegendComponent implements OnInit {
@Input()
public keys: LegendKey[] = [];
constructor() { }
ngOnInit() {
}
}
<div *ngFor="let key of keys" class="key">
<div class="key__colour" [style.background-color]="key.colour"></div>
<span class="key__label">{{key.label}}</span>
</div>