Angular: Empty Fiddle

http://angularjs.org/

by user1572526

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<div ng-controller="MyCtrl">
    <div class="hero-unit inputBox">



<div class="hero-unit inputBox">
    <form class="form-horizontal inputForm">
        <div class="control-group">
            <label class="control-label" for="inputDisciplines">Disciplines</label>
            <div class="controls">
                <input type="radio" ng-model="myVal" ng-value="true"/>
                <input type="number" ng-class="{activeInput: myVal==true}"/>
            </div>
        </div>
                <div class="control-group">
            <label class="control-label" for="inputDisciplines">Disciplines</label>
            <div class="controls">
        <input type="radio" ng-model="myVal" ng-value="false"/>
        <input type="number" ng-class="{activeInput: myVal==false}"/>
            </div>
        </div>
    </form>
</div>

CSS

.activeInput {
    background-color: blue;
}

JavaScript

var myApp = angular.module('myApp', []);

myApp.directive('myDirective', function () {
    return {
        restrict: 'E',
        template: '<div>Hello superman</div>'
    }
});

//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.myVal = true
}