如何在渲染 child 组件后保留 Parent 组件事件

Question

我有一个带有 3 个单选按钮的 parent 组件，即 child-one、child-two 和 child-three。单击单选按钮会显示相应的 child 组件。现在，在这个 child 组件中，我有一个单选按钮是，否。单击此 child 组件单选按钮。 Parent 单击其单击事件的组件单选按钮消失。

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

单击 parent 组件单选按钮或单击 child 组件单选按钮。单选按钮点击事件不应重置。

这是有问题的代码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