要使用Angular的@HostBinding装饰器，你需要掌握以下基础知识：

1. 在组件类中导入@HostBinding装饰器：

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

2. 使用@HostBinding装饰器来绑定属性到宿主元素：

@Component({
  selector: 'app-my-component',
  template: `
    
My Component
  `
})
export class MyComponent {
  @HostBinding('style.color') color = 'red';
}

上面的代码将会把组件的颜色样式（style.color）设置为红色。

3. 在组件的模板中使用宿主元素：

完整的解决方案如下所示：

1. 创建一个新的组件，并导入@HostBinding装饰器：

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

@Component({
  selector: 'app-my-component',
  template: `
    
My Component
  `
})
export class MyComponent {
  @HostBinding('style.color') color = 'red';
}

2. 在根模块中声明和导入该组件：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { MyComponent } from './my-component.component';

@NgModule({
  imports: [BrowserModule],
  declarations: [MyComponent],
  bootstrap: [MyComponent]
})
export class AppModule { }

3. 在根组件的模板中使用该组件：

这样，你就可以在浏览器中看到一个红色的文本“My Component”。