8.组件

8-1创建组件

ng g component components/MovieItem

8-2app.component.html

<app-movie-item></app-movie-item>

8-3父子组件传值

A.子组件自定义属性接收父组件传递过来的参数

<app-movie-item [title]="title"></app-movie-item>

B.在子组件中使用@Input进行注册

import { Component, OnInit,Input } from '@angular/core';
export class MovieItemComponent implements OnInit {
  @Input() title!: String;
}

C.在子组件的模板中直接使用

<p>{{title}}</p>