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

时间:2017-07-20 15:03:06

标签: javascript css angularjs ng-style

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

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

但是,当使用ng-style指令检查时,如何更改单选按钮标签的颜色?在CSS中它是这样的:

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

编辑:基本上,如何通过:checked+label点按ng-style样式属性?

1 个答案:

答案 0 :(得分:0)

基本上在控制器中调用ng-style的函数,并根据按钮的值返回相应的样式对象。

tf.Session

好的,这有点儿,但你可以做到这一点。如果你在index.html页面上已经在文档级别(在html标记上)加载了你的应用程序,你实际上可以在其上有一个控制器的部分并使用控制器引用定义css,这样你就可以动态设置无线电的颜色 - 按钮:这样检查+标签。