您可以使用Angular Material的MatRadioGroup和MatRadioButton组件来创建单选按钮,并使用NgStyle指令来设置选中答案的样式。
首先,确保您已经安装了Angular Material并将其导入到您的应用程序中。
然后,在您的组件模板中,使用MatRadioGroup和MatRadioButton组件来创建单选按钮组:
{{ answer }}
在这个例子中,answers是一个包含所有选项的数组。ngModel指令将selectedAnswer变量绑定到选中的答案上。
接下来,在您的组件类中,定义selectedAnswer变量和answers数组:
selectedAnswer: string;
answers: string[] = ['Option 1', 'Option 2', 'Option 3'];
现在,您可以使用NgStyle指令来设置选中的答案的样式。在单选按钮上添加ngStyle指令,并使用一个条件表达式来检查选中的答案是否与当前答案相匹配:
{{ answer }}
在这个例子中,如果当前答案与选中的答案匹配,边框颜色将设置为红色。
这样,您就可以使用Angular Material隐藏单选按钮圆圈并使用NgStyle显示选中的答案了。