更改单选按钮 Angular 11 的文本颜色

如何解决更改单选按钮 Angular 11 的文本颜色

所以我有这些单选按钮:

<form [formGroup]="myForm" class="location_filter">
        <label style="font-weight: 500; color: #C0C0C0">Select a button: </label>
        <mat-radio-group>
            <div class="p-field-radiobutton">
                <mat-radio-button name="locationType" (click)="clickeEvent()" value="theFirst"
                 [disabled]="isDisabled" inputId="theFirst" formControlName="locationType" id="myRadioButton" >
                </mat-radio-button>
                <label for="theFirst" id="1Radio">Radio 1</label>
            </div>


            <div class="p-field-radiobutton">
                <mat-radio-button name="locationType" (click)="clickeEvent()" value="theSecond"
                    [disabled]="isDisabled" inputId="theSecond" formControlName="locationType" >
                </mat-radio-button>
                <label for="theSecond" style="color: #C0C0C0">Radio 2</label>
            </div>

        </mat-radio-group>
    </form>

我有 3 个问题:

  1. 如何在页面加载时默认为第一个收音机?
  2. 选择特定单选按钮时如何更改文本颜色?
  3. 我根据条件禁用了按钮,如何禁用附加到它的 clickevent?

我的角度有点弱,所以非常感谢任何帮助或建议。 谢谢

解决方法

如何在页面加载时默认为第一个收音机?

为此,您可以使用checked属性并根据您要选择/取消选择的默认设置为true/false,如下所示 -

<mat-radio-button [checked]="true">Radio button 1</mat-radio-button>
<mat-radio-button [checked]="false">Radio button 2</mat-radio-button>

选择特定单选按钮时如何更改文本颜色?

有多种方法可以做到这一点,例如 ngStyle 和 ngClass。您可以阅读有关它们的信息here

我根据条件禁用按钮,如何禁用附加到它的clickevent?

您可以使用以下 CSS 属性使单选按钮不可点击。您也可以在禁用单选按钮时使用 ngStyle/ngClass 添加此属性。

pointer-events: none

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?
Java在半透明框架/面板/组件上重新绘画。
Java“ Class.forName()”和“ Class.forName()。newInstance()”之间有什么区别?
在此环境中不提供编译器。也许是在JRE而不是JDK上运行?
Java用相同的方法在一个类中实现两个接口。哪种接口方法被覆盖?
Java 什么是Runtime.getRuntime()。totalMemory()和freeMemory()?
java.library.path中的java.lang.UnsatisfiedLinkError否*****。dll
JavaFX“位置是必需的。” 即使在同一包装中
Java 导入两个具有相同名称的类。怎么处理?
Java 是否应该在HttpServletResponse.getOutputStream()/。getWriter()上调用.close()?
Java RegEx元字符(。)和普通点?