将模型绑定到子组件

Question

我有3个组件。父母＆＃39;孩子1＆＃39; ＆安培; ＆＃39;孩子2＆＃39;。在父组件的加载上，我在＆＃39; Parent＆＃39;中创建了一个模型。并希望将该模型传递给子组件，然后绑定到模型并更新父模型。

示例：

型号：

export interface ITemplateModel {
    id: string;
    name: string;
    lastModified: Date;
    status: string;
    templateHistory: string;
}

＆＃39;父＆＃39;：

templateModel = ITemplateModel();

从父HTML中的这一点来看，我不确定这是否正确但是显示了这个想法。

＆＃39;家长HTML＆＃39;：

<app-child1 [(ngModel)]='templateModel'></app-child1>
<app-child2 [(ngModel)]='templateModel'></app-child2>

＆＃39; Child1＆＃39;：

{{templateModel.name}}

＆＃39; CHILD2＆＃39;：

<input [(ngModel)]="templateModel.status">

Answer 1

没有。我不认为你的方法是正确的。

如果您需要将数据从Parent传递给子，那么您需要使用@Input（）。

Reference you can check for @Input()

如果您需要将数据从Child传递给Parent，那么您需要使用@Output（）。

Reference you can check for @Output()

这是如何使用@Input＆amp; amp;的基本示例子元素上的@Output参数。

HTML：

install.packages("R6", dependencies=TRUE)

TS：

<app-child *ngFor="let item of items"  [name]="itemName"  (onSelect)="selectedItemName($event)"> </app-child>