如何将数组传递给@input（），传递给不同组件的另一个@input（）？

Question

我能够将数组传递给第一个@Input（）;并显示我的数组的内容。现在的问题是，我想将第一个@Input（）的数据传递给第二个@Input（）；然后显示它。 Angular有点新奇，我正在学习如何传递数据。

Answer 1

您将其从父级组件传递到子级组件的方式相同。

父组件

<app-child [customInput]="input></app-child>

子组件

控制器

export class ChildComponent {
  @Input() customInput: any;
  .
  .
}

模板

<app-grandchild [customInput]="customInput"></app-grandchild>

孙子

控制器

import { Component, OnInit, OnDestroy, ChangeDetectionRef } from '@angular/core';

export class GrandChildComponent {
  @Input() customInput: any;
  .
  .
}