我有一个基本的 Angular 应用程序，如下所示：
app.component.html:
<head>
<title> My Home Page </title>
</head>
<body>
<h1>Test Umgebung</h1>
<div>
<label>Firstname</label>
<input placeholder="Firstname"/>
</div>
<div>
<label>Lastname</label>
<input placeholder="Lastname"/>
</div>
<div id="cloneContainer">
</div>
<button (click)="cloneUpper()">+ Add more Users</button>
</body>
</html>
如您所见，我输入“用户”，当单击“添加更多用户”按钮时，应执行以下方法：
app.component.ts:
import { Component } from '@angular/core';
import { CloneComponentComponent } from './clone-component/clone-component.component';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent {
title = 'UserManager';
cloneUpper(){
console.log("Cloned!");
var cln = new CloneComponentComponent();
var container = document.getElementById('cloneContainer');
container?.append(cln.toString());
}
}
克隆组件仅包含名字和姓氏的输入，以便添加更多用户。现在，当我单击按钮时，它只是将 [object Object] 附加到“cloneContainer”。可能是什么错误？
首先建议关系，例如父子关系，通过viewChild获取子组件的方式，或者通过service的公共参数
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
