Javascript 角度2-将选中单选按钮的值添加到数组

我正在尝试获取选中的单选按钮并将值添加到数组中。目前，我无法删除之前选中的单选按钮，因此基本上每次选择单选按钮时，它都会不断添加到数组中

item.component.ts

displaySelectedConditions(event) { 
  if(event.target.checked) {
  this.selectedConditionsArr.push(event.target.value);
  }
}

item.component.html

<ul class="dropdown-menu">
   <li *ngFor="let item of filteredItems | funder "> //generates 4 items
     <a><input type="radio" (change) = "displaySelectedConditions($event);" 
               name="funder" id="{{item}}" value="{{item}}">
     <label for="{{item}}" >{{item}}</label></a>
   </li>
</ul><!-- Dropdown Menu -->

//生成4个项目
{{item}}

我建议如果您希望将值整齐地存储在某个地方，那么使用表单。简单的模板驱动表单在这里工作得很好，然后您可以将所有值存储在一个对象中，下面是一个示例：

{{str}}

{{num}}

这将创建如下对象：

{
str:“这里有价值”，
num：“这里的值”
}

如果按如下方式声明表单，则可以轻松访问对象值：

@ViewChild（'radioGroup'）radioGroup:NgForm；

组件中的某处：

console.log（此.radioGroup.value）；

---

我建议如果您希望将值整齐地存储在某个地方，那么使用表单。简单的模板驱动表单在这里工作得很好，然后您可以将所有值存储在一个对象中，下面是一个示例：

{{str}}

{{num}}

这将创建如下对象：

{
str:“这里有价值”，
num：“这里的值”
}

如果按如下方式声明表单，则可以轻松访问对象值：

@ViewChild（'radioGroup'）radioGroup:NgForm；

组件中的某处：

console.log（此.radioGroup.value）；

---

Plunker会有帮助。为什么要使用数组？由于任何时候都只选中一个单选按钮，您不能只保留新选择的值吗？是的，我可以保留，但我还有3个单选组。所以我想，阵列将是保持它们干净的方式。在plunker上检查它plunker会很有帮助。为什么要使用数组？由于任何时候都只选中一个单选按钮，您不能只保留新选择的值吗？是的，我可以保留，但我还有3个单选组。所以我想，阵列将是保持它们干净的方式。检查一下普朗克