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
绑定到
标记,而不是
标记上。