1-1 创建一个组件

  1. 1.安装一vscode插件:Angular Component Creator
  2. src下新建一components文件下就可以创建一个组件
  3. Tips:(1)将生成的sccs文件改为css文件
  4. 2app.module.ts文件中自动导入该组件名
  1. 2.ng g component MoviesItem

1-2父子组件传参

  1. 1.子组件ts文件引入Input装饰器
  2. import { Component, OnInit,Input } from '@angular/core';
  3. 2.注册
  4. @Input()title!:string;
  5. 3.子组件html使用模板
  6. <p>{{<title>}}</title></p>
  1. 4.父组件接收子组件数据
  2. <app-movies-item [title]="title"></app-movies-item>