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

Question

我有一个带有 3 个单选按钮的父组件，即 child-one、child-2 和 child-3。单击单选按钮会显示相应的子组件。现在，在这个子组件中，我有一个单选按钮 Yes,No。单击此子组件单选按钮。被单击其单击事件的父组件单选按钮消失。

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

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

这是有问题的代码链接

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>

堆栈闪电战