Javascript 根据angular 4中的某些条件，在子级中单击按钮，从父级中的数组中删除特定组件实例

我有一个例子，我想根据某种条件从子组件内部单击按钮，从数组（父组件中）中删除组件的实例

在图中，“添加BU”按钮位于父组件中，下面的三个文本字段（即“BU”、“G值”和“C值”）和一个交叉按钮来自子组件。 在每个“添加BU”按钮上，单击UI中创建的子组件的新行。 我使用以下代码将child实例推送到parent中的数组：-

现在我有两个问题：- 1.如何从父级中的数组中删除同一特定子实例，在同一实例上单击交叉按钮（交叉按钮位于子级中）？ 2.单击“添加”按钮时，如何发送每行中每个文本字段中添加的值（即“BU”、“G值”和“C值”）

这里已经提出了一些类似的问题，我使用了公认答案中给出的类似方法：。我的第一个问题也是作为下图中的最后一条评论被问到的：

---

要删除子实例，请执行以下操作：

---

非常感谢@Collierre的回复，是的，它解决了我的第一个问题。但第二个仍然挂在那里。我不知道我是否理解得不好，但我仍然无法从child访问数据进行添加。因此，在调试给定代码时，当我将鼠标悬停在“comp”上时，它仍然会给出“PaymentOptionComponent”的实例信息，但不会给出“BU”、“G值”和“C值”字段的实际值。请帮忙。提前感谢。我收到了以下回复：我收到了以下回复：>deleteRow:EventEmitter\u isScalar:false Observators:[Subscriber]closed:false isStopped:false hasError:false thrownError:null isAsync:false\u proto:Subject selectedPaymentOption:“G/L\u CC”buttonClicked:true proto:Object-------------------现在我该如何从中提取所需的信息是一个问题。您是否能够执行类似于
comp.bu
，
comp.gVal
，
comp.cVal
等操作。？如果没有看到
PaymentOptionComponent
的代码，我无法更具体地提出建议。不，我无法获得。也许我错过了我身边的一些东西。下面是我为组件'PaymentOptionComponent'编写的代码：从'@angular/core'导入{component，OnInit，Input，Output，EventEmitter}@组件（{selector:'payment option'，templateUrl:'./payment option.Component.html'，styleURL:['./payment option.Component.css']}）导出类PaymentOption组件{constructor（）{}@Input（）公共选择的PaymentOption:string；@Input（）公共按钮点击：string；@Output（）公共删除行=新事件发射器（）；public buVal:string；public gVal:string；public cVal:string；public removeRow（）{this.deleteRow.emit（）；}