Как изменить цвет переключателя с помощью углового?

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

изменить цвет, вы должны добавить $ смотреть на это