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

【问题标题】：How to keep Parent component event after rendering child component渲染子组件后如何保留父组件事件
【发布时间】：2019-12-04 01:06:06
【问题描述】：

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

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

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

这里有一个代码link 有问题

【问题讨论】：

这里有代码link 有问题

标签： angular typescript angular2-template angular-components angular-event-emitter

【解决方案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

【讨论】：