Angular2布尔md单选按钮不工作

Angular2布尔md单选按钮不工作,angular,typescript,Angular,Typescript,我需要两个单选按钮来检查两个选项。我过去常跟在后面 <md-radio-button [value]=true [(ngModel)]="carSelected" name="carOption">Car</md-radio-button> <md-radio-button [value]=false [(ngModel)]="carSelected" name="busOption">Bus</md-radio-button> 但是,单选按钮不

我需要两个单选按钮来检查两个选项。我过去常跟在后面

<md-radio-button [value]=true [(ngModel)]="carSelected" name="carOption">Car</md-radio-button>
<md-radio-button [value]=false [(ngModel)]="carSelected" name="busOption">Bus</md-radio-button>
但是,单选按钮不会使用
carSelected
的值进行更新。此外,当选中单选按钮时,
carSelected
也不会更新

这里会出什么问题?

首先,单选按钮需要与单选按钮同名。代码中的其他一切都很好

您应该将
ngModel
绑定到
标记,而不是
标记

下面是显示的链接

我希望这会有所帮助。

首先,单选按钮需要与单选按钮同名。代码中的其他一切都很好

您应该将
ngModel
绑定到
标记,而不是
标记

下面是显示的链接

我希望这会有所帮助。

在Html中尝试以下内容:

<md-radio-group [(ngModel)]="carSelected">
  <md-radio-button [value]=true name="carOption">Car</md-radio-button>
  <md-radio-button [value]=false name="busOption">Bus</md-radio-button>
</md-radio-group>

汽车
公共汽车
在组件中:
public-carSelected:boolean=true

在Html中尝试以下操作:

<md-radio-group [(ngModel)]="carSelected">
  <md-radio-button [value]=true name="carOption">Car</md-radio-button>
  <md-radio-button [value]=false name="busOption">Bus</md-radio-button>
</md-radio-group>

汽车
公共汽车
在组件中:
public-carSelected:boolean=true

试试这个。这对我有用。有一种方法可以在更改中触发。您可以使用该方法传递所需的值

  <md-radio-group class="example-radio-group" [(ngModel)]="carSelected">
    <md-radio-button [value]=true (change)="getval('car')">Car</md-radio-button>
    <md-radio-button [value]=false (change)="getval('Bus')">Bus</md-radio-button>
  </md-radio-group>
阅读API参考资料。你可以做更多与角材料2


如果您需要更多材料没有的功能,请使用UI平台。

试试这个。这对我有用。有一种方法可以在更改中触发。您可以使用该方法传递所需的值

  <md-radio-group class="example-radio-group" [(ngModel)]="carSelected">
    <md-radio-button [value]=true (change)="getval('car')">Car</md-radio-button>
    <md-radio-button [value]=false (change)="getval('Bus')">Bus</md-radio-button>
  </md-radio-group>
阅读API参考资料。你可以做更多与角材料2


如果您需要材质没有的更多功能,请使用UI平台。

您有任何错误吗?@IsuruAb,我没有任何错误。您有任何错误吗?@IsuruAb,我没有任何错误。因为这是角度材质。我们不需要名称。请检查此示例。在该示例中,您可以看到
ngModel
绑定到
标签,而不是
标签上。因为这是角材料。我们不需要名称。请检查此示例。在这个示例中,您可以看到
ngModel
绑定到
标记,而不是
标记上。