首页 文章

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

提问于
浏览 次
1

我想在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

angular typescript

1 回答

  • 0

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

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

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

    回复于

相关问题