src/app/color-viewer/color-viewer.component.ts
selector | app-color-viewer |
styleUrls | color-viewer.component.css |
templateUrl | ./color-viewer.component.html |
Methods |
Inputs |
constructor()
|
viewedColor
|
Default value: |
ngOnInit |
ngOnInit()
|
Returns :
void
|
import { Component, Input, OnInit } from '@angular/core';
@Component({
selector: 'app-color-viewer',
templateUrl: './color-viewer.component.html',
styleUrls: ['./color-viewer.component.css']
})
export class ColorViewerComponent implements OnInit {
@Input() viewedColor = "white";
constructor() { }
ngOnInit() {
}
}
<div class="color-viewer"
#cdiv
[ngStyle]="{'background-color': viewedColor}"></div>