渲染子组件后如何保留父组件事件

Question

我有一个带有3个单选按钮的父组件，即一个孩子，两个孩子和三个孩子。单击单选按钮时，将显示相应的子组件。现在，在此子组件中，我有一个单选按钮，是，否。单击此子组件单选按钮。单击其单击事件的父组件单选按钮消失。

我已经使用@Input和@Output传递了数据以发出子数据。

单击父组件单选按钮或单击子组件单选按钮。单选按钮单击事件不应重置。

这是一个有问题的代码link

Answer 1

您的父级单选按钮缺少name属性

类似这样的问题应该可以解决：

  <input type="radio" [(ngModel)]="childName" value="child_one" name="parent">
  <label class="spacebetweenRadio">child_one</label>
  <input type="radio" [(ngModel)]="childName" value="child_two" name="parent">
  <label class="spacebetweenRadio">child_two</label>
  <input type="radio" [(ngModel)]="childName" value="child_three" name="parent">
  <label class="spacebetweenRadio">child_three</label>

Stackblitz