Angular #jqxRadioButton [groupName] is not working

<jqxRadioButton [width]="250" [height]="25" [groupName]="msg">
    <span>1</span>
</jqxRadioButton>

<jqxRadioButton [width]="250" [height]="25" [groupName]="msg">
    <span>2</span>
</jqxRadioButton>

<jqxRadioButton [width]="250" [height]="25" [groupName]="type">
    <span>type1</span>
</jqxRadioButton>

<jqxRadioButton [width]="250" [height]="25" [groupName]="type">
    <span>type2</span>
</jqxRadioButton>

 

jqxRadioButton 에 [groupName]을 주었는데 모든 버튼이 하나로 묶이는 현상이 생깁니다. 해결 방법을 찾다찾다 우연히 찾게된 놀라운 방법...
I gave jqxRadioButton [groupName] and all the buttons are bundled together. Finding a solution Amazing way found by accident ...

 

- html 파일 -

<jqxRadioButton [width]="250" [height]="25" groupName="msg">
    <span>1</span>
</jqxRadioButton>

<jqxRadioButton [width]="250" [height]="25" groupName="msg">
    <span>2</span>
</jqxRadioButton>

<jqxRadioButton #_type1 [width]="250" [height]="25" groupName="type">
    <span>type1</span>
</jqxRadioButton>

<jqxRadioButton #_type2 [width]="250" [height]="25" groupName="type">
    <span>type2</span>
</jqxRadioButton>

 

- ts 파일 -

@ViewChildren('_type1 _type2') _types : jqxRadioButtonComponent;

...

//this._types._results.find(result=>result.val()) //선택 값 가져오기 //동작하지 않음.

 

차이점이 보이시나요? 대괄호를 빼주면 됩니다 ㅎㅎ
Can you see the difference? Just remove the square brackets lol

+)
선택된 값을 가져오고 싶을 땐 그룹으로 가져오는 기능이....API도 없고 하나하나 따로 불러야 함이 불편하여
Angular Meterial로 사용을 변경하였습니다.