在Angular 8中,我们可以通过以下步骤在选中单选按钮时将类添加到父div:
<div [class.selected]="isButtonSelected">
<input type="radio" [(ngModel)]="isButtonSelected">
</div>
这里,我们将一个名为isButtonSelected
的属性与单选按钮的ngModel进行双向绑定,并使用CSS类selected
来表示选中状态。
.selected {
background-color: yellow;
}
这里,我们使用selected
类来指定选中状态下的背景颜色为黄色。
这样,在用户选择单选按钮时,isButtonSelected
属性的值会随之改变。当该属性为true
时,父div会应用selected
类,从而改变背景颜色为黄色。相反,当该属性为false
时,父div不会应用该类,背景颜色保持默认状态。
这是一个简单的示例,您可以根据自己的需求进行定制。如果您希望了解更多关于Angular的内容,可以参考腾讯云的Angular产品介绍。
领取专属 10元无门槛券
手把手带您无忧上云