my-example-angular-component

my-component.ts

import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'my-component',
  styleUrls: './my-component.css',
  template: `
    <button [style.color]="color" (click)="bar.emit('bar')"> {{ foo }} </button>
  `
})
export class MyComponent implements OnInit{
  @Input() foo: string;
  @Ouptut() bar = new EventEmitter();
  color;
    
  ngOnInit() {
    this.color = 'darkorange';
  }  
}