1-1 创建组件(命令创建)

  1. https://www.angular.cn/guide/component-overview
  2. ng g component <component-name>

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

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

创建组件(vscode插件创建)

  1. Angular Files
  2. Angular Snippets

1-2 组件使用(app.component.html)

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