Question

我是角度新手，我想改变单选按钮的颜色是否被选中并且也希望获得该值。我尝试了很多，但 $ scope未定义。这是我的代码 HTML

<form action="" ng-controller="howSoonContr">
                  <div class="form-group">
                    <div data-toggle="buttons">
                      <label class="btn btn-default btn-circle btn-lg active"><input type="radio" name="q1" value="0" ng-change="howSoonClick()" ng-model="time.min"><a>5 mins</a></label>
                      <label class="btn btn-default btn-circle btn-lg"><input type="radio" name="q2" value="1" ng-model="time.min"><a>10 mins</a></label>
                      <label class="btn btn-default btn-circle btn-lg"><input type="radio" name="q3" value="2" ng-model="time.min"><a>20 mins</a></label>
                       <label class="btn btn-default btn-circle btn-lg"><input type="radio" name="q4" value="3" ng-model="time.min"><a>30 mins</a></label>
                        <label class="btn btn-default btn-circle btn-lg"><input type="radio" name="q5" value="4" ng-model="time.min"><a>45 mins</a></label>
                    </div>
                  </div>
               </form>

这是我的 js

.controller("howSoonContr", function($scope) {
    console.log("we are in howSoonContr");
    //console.log($scope.time);
    //if ($scope.time) {

        console.log("here is the hello " + $scope.time);

        $scope.howSoonClick = function(time) {
            console.log("here is the hello " + $scope.time);
        }

})

请帮帮我。

Answer 1

check this answer ：它使用CSS为整个类型复选框更改颜色和框的选择

Answer 2

你必须使用time.min来访问该值，它不是一个对象，它是一个数组使用$ scope.time.min

要更改颜色，你必须添加$ watch

如何使用角度更改单选按钮颜色？

2 个答案: