如何选择角度6中的所有单选按钮

时间:2018-11-01 05:51:18

标签: typescript angular6

我在表中有一个单选按钮,当我单击该单选按钮时,应选择每一行中存在的所有单选按钮,而当我取消选择该单选按钮时,应取消选择它们。 我需要一些建议以实现角度2或更高版本。

先谢谢了。 阿比舍克

1 个答案:

答案 0 :(得分:0)

您可以订阅主单选按钮的更改,当值更改时,您可以将该单选按钮的值设置给其他人。

共享一些可以帮助您的示例代码:

假设您有两个单选按钮-radio1和radio2作为FormControl。

        this.form = new FormGroup({
            'radio1': new FormControl(),
            'radio2': new FormControl()
        });

您必须在选中radio1时检查radio2,而在未选中radio1时取消选中。

    ngOnInit() {  
       this.form.get('radio1').valueChanges.subscribe( x => this.form.get('radio2').setValue(x));
    }