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()
变量或普通类属性。