Angular Js-检查内部无线电输入时格式化标签

Angular Js - formating label when inner radio input is checked

本文关键字:格式化 标签 输入 无线电 Js- 检查 内部 Angular      更新时间:2023-09-26

我正在处理这样的情况,即在单选输入按钮周围包裹一个标签标签,类似于:

<label>
     <input type="radio" ng-model="question.value" value="{{option.value}}">
</label>

标签标签是在隐藏单选按钮时为视图设置格式的标签。当ng-model == value时,某个单选按钮会被自动选中,这在我的应用程序中发生,一点问题都没有。

问题是,当这种情况发生时,我想格式化标签标签。通常标签是由onclick事件格式化的,但这不是一个事件,所以我不确定如何在JavaScript中解决这个问题。CSS样式不是一个选项,因为它无法选择父元素。

使用ng类

<label ng-class="{'class-name':question.value==option.value">
     <input type="radio" ng-model="question.value" value="{{option.value}}">
</label>

在CSS 中

.class-name{
   color:green;
}