Angular 将数据从父组件传递到角度的嵌套子组件

Angular 将数据从父组件传递到角度的嵌套子组件,angular,Angular,我很难理解如何在角度组件之间提供数据。我已经阅读了@Input和@Output,但我不确定这是否是我需要使用的,如果是,如何使用 我有一个父组件(一个具有唯一assetId的资产),以及一个嵌套(子)组件,该组件应根据assetId列出与特定资产相关的所有文档 如何将资产组件中的assetId传递到文档组件,以用于获取特定记录所需的数据?模板解决方案: export class AssetComponent { @ViewChild(DocumentComponent) document:

我很难理解如何在角度
组件之间提供数据。我已经阅读了
@Input
@Output
,但我不确定这是否是我需要使用的,如果是,如何使用

我有一个父
组件
(一个具有唯一
assetId
的资产),以及一个嵌套(子)
组件
,该组件应根据
assetId
列出与特定
资产
相关的所有文档

如何将
资产组件
中的
assetId
传递到
文档
组件
,以用于获取特定记录所需的数据?

模板解决方案:

export class AssetComponent {
  @ViewChild(DocumentComponent) document: DocumentComponent;
  @Input() set assetId(assetId) {
    this._assetId = assetId;
    this.document.assetId = assetId;
  } 

  get assetId() {
    return this._assetId;
  }

  private _assetId: string;
}
资产组件.ts

@Input() assetId: string;
@Input() assetId: string;
<document [assetId]="assetId"></document>
资产的使用

<asset assetId="x"></asset>
asset.component.html

@Input() assetId: string;
@Input() assetId: string;
<document [assetId]="assetId"></document>

在这里,您可以通过
ViewChild
获取
DocumentComponent
,并通过
document
实例访问其
assetId
属性。确保
DocumentComponent
中的
assetId
public

您好,谢谢您的回复。如何在不使用HTML的情况下将id从父级传递给子级?我已经阅读了一些关于@InjectableThank的更新!这绝对更符合我的需要。只是澄清一下;当我分配以下内容时:
this.document.assetId=assetId-是否将此值传递给Document.component.ts中名为assetId的变量?@onmyway是。它将它绑定到
@Input()
变量或普通类属性。