Question

我想在Angular4中同步两对或更多对单选按钮。我想要同步默认输入按钮和Angular Material单选按钮。

这些是输入单选按钮

<table style="width:100%">
<td>
    <input type="radio" name="Breakfast">
    <input type="radio" name="Breakfast">
</td>

<td>
    <input type="radio" name="Lunch" >
    <input type="radio" name="Lunch" >
</td>
</table>

这些是Angular Material Radio

<md-radio-group>
  <md-radio-button value="1">Option 1</md-radio-button>
  <md-radio-button value="2">Option 2</md-radio-button>
</md-radio-group>
<md-radio-group>
  <md-radio-button value="3">Option 3</md-radio-button>
  <md-radio-button value="4">Option 4</md-radio-button>
</md-radio-group>

例如： - jsFiddle

Answer 1

您可以使用Angular中的(change)事件在值更改时绑定方法。我在输入上使用它来知道它们中的任何一个何时改变了值：(change)="onChange1($event.target.value)"

这是一个显示结果的plunkr：https://plnkr.co/edit/20igbMdRaY5QE6RtSr1a?p=preview

然后，您可以使用NgModel绑定属性以将它们中的两个绑定在一起。

如何在Angular4中同步一对单选按钮

1 个答案: