1.创建组件 component

Tips:每创建一个组件都会在app.module.ts文件中导入,注册

  1. companies文件夹下创建MovieItem组件
  2. ng g component components/MovieItem

2.app.module.ts 中导入注册

  1. + import { MovieItemComponent } from './components/movie-item/movie-item.component';
  2. @NgModule({
  3. /* 配置(声明)当前项目运行依赖的组件 */
  4. declarations: [
  5. AppComponent,
  6. + MovieItemComponent
  7. ],
  8. })

3.使用组件

在app.component.html文件中使用组件

  1. <app-movie-item></app-movie-item>