Angular1: Empty Fiddle

by HoffZ

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular-messages.js"></script>
<div ng-app="app">
  <div ng-controller="TestingCtrl">
    <h2>{{title}}</h2>

    <select name="inpName" ng-model="person.name" ng-options="i as i.name for i in personMap track by i.id" required>
        <option value=""  selected hidden/> </select>
    <div ng-messages="form.inpName.$error" ng-if="form.inpName.$touched">
      <div ng-message="required">Required field</div>
    </div>
  </div>

</div>

JavaScript

angular.module('app', [])

  .controller('TestingCtrl', function TestingCtrl($scope) {
		$scope.title = 'Testing';
    $scope.personMap = [{
        name: "Abc",
        id: "a"
      },
      {
        name: "XYZ",
        id: "b"
      },
      {
        name: "FGH",
        id: "c"
      },
      {
        name: "TY",
        id: "d"
      }
    ];


  })