AngularJS - 选中时使用 ng-style 设置单选按钮标签的颜色

Question

我知道如何使用ng-style 设置单选按钮标签的颜色，如下所示：

ng-style="{'background-color': buttonColor}"

但是，当使用ng-style 指令检查单选按钮标签时，如何更改它的颜色？在css中是这样的：

.radio-button:checked+label {
    background-color: #52b6db;
    border: 1px solid #52b6db;
}

编辑：基本上，我如何通过ng-style 访问:checked+label 样式属性？

Answer 1

基本上在控制器中为 ng-style 调用一个函数，并根据按钮的值返回适当的样式对象。

ng-style="$ctrl.getStyle()"

function getStyle() {
if (some condition) {
    return {
        background-color: #52b6db;
        border: 1px solid #52b6db;
} else {
    return {...}
}

好的，这有点过时了，但你可以做到这一点。如果在您的 index.html 页面上，您已经在文档级别（在 html 标记上）加载了您的应用程序，您实际上可以有一个带有控制器的部分并使用控制器引用定义 css，因此您可以为收音机动态设置颜色-button:checked+label 这样。