Untitled

<!DOCTYPE html>
<html ng-app ="myApp">

  <head>
    <script data-require="angular.js@1.3.14" data-semver="1.3.14" src="https://code.angularjs.org/1.3.14/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="myCtrl">
    <div><p>{{unit}}</p>
      <select class="form-control" ng-model="unit" ng-options= "item.label for item in units"> 
      </select>
    </div>
  </body>

</html>

// Code goes here
var app= angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
      $scope.units = [
        {'id': 10, 'label': 'test1'},
        {'id': 27, 'label': 'test2'},
        {'id': 39, 'label': 'test3'},
      ]

  
        $scope.unit = $scope.units[0];
        
        /*$scope.data = {
        'id': 1,
        'unit': 27
        }*/
});

/* Styles go here */