Added custom attribute directive in app.component.ts template

app.component.ts

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

Component({
  selector: 'my-app',
  template: `
    <div>
      <h2>Hello {{name}}</h2>
      <div colorMe>color text</div>
    </div>
  `,
})

export class AppComponent {
  name:string;
  constructor() {
    this.name = `Angular! v${VERSION.full}`
  }
}