我有一个组件，选择器是：app-common-component。
基于ngModelGroup的app-common-component：
<fieldset ngModelGroup>
</fieldset>
我有一个表格，该表格分为两个组件app-component-a和app-component-b
<form>
<app-component-a></app-component-a>
<app-component-b></app-component-b>
</form>
app-component-a包含app-common-component
<fieldset ngModelGroup="componenta">
<app-common-component></app-common-component>
</fieldset>
app-component-b还包含app-common-component
<fieldset ngModelGroup="componentb">
<app-common-component></app-common-component>
</fieldset>
我的问题是如何在不同位置设置app-common-component的ngModelGroup名称？
我想在下面的表格中看到以下内容：
mainForm
controls
componenta
controls
unique name of the app-common-component
componentb
controls
unique name of the app-common-component
如Andrei所述，您可以使用Input属性设置唯一名称，也可以在通用组件内部设置全局变量。然后为每个新实例将其增加1。
通用组件
let uniqueId = 0;
@Component({
selector: 'app-common-component',
template: `
<fieldset [ngModelGroup]="groupName">
</fieldset>
`,
})
export class AppCommonComponent {
groupName = uniqueId++;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句