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

app.controller('MainCtrl', function($scope, $timeout, dateFilter) {

  var hours = 0;
  var seconds = 0;
  var minutes = 0;
  $scope.updateTime = function() {

    $scope.projectStyle = "Normal";
    $scope.clientVisibility = false;
    $scope.matterVisibility = false;

    if ($scope.projectStyle != "Project Only") {
      $scope.clientVisibility = true;
    }

    if ($scope.projectStyle != "None") {
      $scope.matterVisibility = true;
    }

    $timeout(function() {
      var time = (dateFilter(new Date(), 'ss'));
      seconds++;

      if (seconds == 60) {
        minutes++;
        seconds = 0;
      }

      if (minutes == 60) {
        hours++;
        minutes = 0;
      }

      $scope.theclock = minutes + ':' + seconds;
      $scope.updateTime();
    }, 1000);
  };

  $scope.updateTime();
  
   $scope.userCodes = [{ userCodeName: 'Code1', userCodeDisplay: 'Segment',
   userCodeGridHeader: '',  userCodeValue: '', userCodeDescription: '', isValidationData: '1',
     userCodePluralName: '', userCodemaxLength: '', userCodeAddToNarr: '', userCodeUseReal: '',
     userCodeDecimalDigits: '', userCodeDependeOn: '', userCodeNullCodeSet: '', userCodeHideIfNull: '',
     userCodeHideState: '', userCodeAbbr: ''
   },
      ];
});
<!DOCTYPE html>
<html ng-app="clock">

<head>
  <meta charset="utf-8" />
  <title>AngularJS Plunker</title>
  <link data-require="bootstrap-css@*" data-semver="3.0.0" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
  <script>
    document.write('<base href="' + document.location + '" />');
  </script>
  <link rel="stylesheet" href="style.css" />
  <script data-require="angular.js@1.0.x" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js" data-semver="1.0.7"></script>
  <script src="app.js"></script>
</head>

<body ng-controller="MainCtrl">
  <h1 class="text-center">Digital Clock</h1>
  <div class="alert alert-info text-center clock">{{theclock}}</div>

  <div digital-clock>{{projectStyle}}</div>

  <div>
    <div>
      <label>Naam <span>(Optional)</span>
      </label>
      <select name="select">
        <option>Nickname (Optional)</option>
        <option>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <option>Option 4</option>
        <option>Option 5</option>
        <option>Option 6</option>
      </select>
    </div>
    <div ng-show="clientVisibility">
      <label>Client</label>
      <select name="select">
        <option>State</option>
        <option>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <option>Option 4</option>
        <option>Option 5</option>
        <option>Option 6</option>
      </select>
    </div>
    <div ng-show="matterVisibility">
      <label>Matter</label>
      <select name="select">
        <option>City</option>
        <option>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <option>Option 4</option>
        <option>Option 5</option>
        <option>Option 6</option>
      </select>
    </div>
  </div>
  <div ng-repeat = "code in userCodes">
    <label>{{code.userCodeDisplay}}</label> :
    <input type= "text" ng-if="item.isValidationData == '0'"/>
  </div>

</body>

</html>

@font-face {
	font-family: 'digi';
	src: url('http://cssdeck.com/uploads/resources/fonts/digii/DS-DIGII.TTF');
}

.clock {
  font-family: 'digi';
  font-size:70px;
}