File

src/app/color-viewer/color-viewer.component.ts

Implements

OnInit

Metadata

selector app-color-viewer
styleUrls color-viewer.component.css
templateUrl ./color-viewer.component.html

Index

Methods
Inputs

Constructor

constructor()

Inputs

viewedColor

Default value: white

Methods

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

results matching ""

    No results matching ""