Angular 6:如何使用Angular Material隐藏单选按钮圆圈并使用NgStyle显示选中的答案?
创始人
2024-10-16 06:30:11
0

您可以使用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显示选中的答案了。

相关内容

热门资讯

玩家必看教程!wepoker买... 玩家必看教程!wepoker买钻石有用吗,werplan怎么作弊,AI教程(有挂教程);致您一封信;...
如何分辨真伪!wepoker怎... 此外,数据分析德州(wepoker怎么设置透视)辅助神器app还具备辅助透视行为开挂功能,通过对客户...
必备教程!xpoker辅助神器... 必备教程!xpoker辅助神器,wepoker辅助器有哪些功能,科技教程(有挂方法);致您一封信;亲...
科技通报!aapoker破解侠... 科技通报!aapoker破解侠是真的吗,epoker透视,介绍教程(有挂神器)关于aapoker破解...
推荐十款!约局吧透视挂下载,约... 推荐十款!约局吧透视挂下载,约局吧德州真的有透视挂吗,扑克教程(有挂神器)准备好在约局吧德州真的有透...
攻略讲解!pokemmo手机版... 攻略讲解!pokemmo手机版脚本,hhpoker透视脚本视频,解密教程(有挂软件)是一款可以让一直...
分享实测!wepoker有什么... 分享实测!wepoker有什么规律,hardrock作弊,可靠教程(有挂软件)是由北京得wepoke...
交流学习经验!wepoker底... 交流学习经验!wepoker底牌透视,wepoker网页版透视方法,存在挂教程(有挂教程)关于wep...
发现玩家!德普之星辅助器,we... 1、发现玩家!德普之星辅助器,wepoker手机插件,曝光教程(有挂技巧);详细教程。2、德普之星辅...
一起来讨论!德州局透视脚本免费... 一起来讨论!德州局透视脚本免费版下载手机版,wepoker私人局俱乐部,AA德州教程(有挂技巧);致...