import {Component, HostBinding} from '@angular/core';

@Component({
  template: '',
  host: {
    '[class.apple]': 'yesToApple',
    '[style.color]': 'color',
    '[class.tomato]': 'yesToTomato',
    '[style.transition]': 'transition'
  }
})
export class MyComponent {
  color = 'red';
  transition = 'all 1337ms ease';
  yesToApple = true;
  yesToTomato = false;

  @HostBinding('style.border') border = '1px solid purple';

  @HostBinding('class.orange') yesToOrange = true;
}
