Adding color to label next to radio that is checked in AngularJs
<p>I have a simple angularJs example, where actually I have to show red background to label infront of radio box that is checked. However, I cannot find selected or isChecked property in the input type="radio" selected so I can add CSS based on it. </p>

<p><strong>HTML</strong></p>

<pre><code>&lt;html&gt;

&lt;head&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"&gt;&lt;/script&gt; 
&lt;/head&gt; 

&lt;body ng-app="myApp" ng-controller="myCtrl"&gt; 

&lt;p ng-repeat="x in questions"&gt;
    &lt;input type="radio" id="{{x.id}}" name="{{x.name}}"&gt;&lt;label for="{{x.id}}"&gt;{{x.value}}&lt;/label&gt; 
&lt;/p&gt;

&lt;script&gt; 
var app = angular.module("myApp", []);
app.controller('myCtrl',function($scope){
    $scope.questions = [
        {value:"red",name:"color",id:"1"},
        {value:"blue",name:"color",id:"2"},
        {value:"yellow",name:"color",id:"3"}
    ];
});
&lt;/script&gt; 

&lt;/body&gt; 
&lt;/html&gt; 
</code></pre>

<p><a href="https://i.stack.imgur.com/5PhGd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5PhGd.png" alt="enter image description here"></a>
<a href="https://i.stack.imgur.com/POsFi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/POsFi.png" alt="enter image description here"></a></p>