默认单选按钮选择值角材料2

默认单选按钮选择值角材料2

问题描述:

我正在处理角度材料2单选按钮,按照此文档:https://material.angular.io/components/component/radio默认单选按钮选择值角材料2

我面临的问题是让单选按钮的默认选择值为No。如果你看到摔跤手:https://plnkr.co/edit/jdRxVLdSfFqR4XOdpyUN?p=preview,你会发现没有选择任何选项。当页面加载时,我希望默认值为No

您可以使用checked,像这样:

[checked]="data.value ==='false'" 

通知我们使用字符串'false'检查,而不是false,因为你的价值与价值false字符串。

Plunker

+0

感谢您的帮助! –

您可以[checked]属性实现它。 看到这个Plunker

+1

感谢您的帮助! –

还有另一种选择,你可以用[(ngModel)]来初始化md-radio-group与你的组件。

猛击者demo

+0

请注意,如果使用'[(ngModel)]',则不能再使用'[checked]'属性。例如,如果你显式设置'[checked]为'false',但绑定到'mat-radio-group'的组件变量的值等于这个'mat-radio-button的值',单选按钮将确实保持被检查 –