AngularJS Hello World

In this example, we do a very simple AngularJS example.

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js"></script>
<div ng-controller='MyController'>
  <div>
    <label for="name">School Name</label>
    <select ng-model="SelectedSchoolIDEdit" ng-options="option.Name for option in SchoolAvailableOptions track by option.ID"></select>
  </div>
</div>

JavaScript

var app = angular.module('myApp', []);
app.controller('MyController', function MyController($scope) {
  $scope.SelectedSchoolIDEdit = {
    ID: 1
  };
  $scope.SchoolAvailableOptions = [{
    ID: 1,
    Name: 1
  }, {
    ID: 2,
    Name: 2
  }, {
    ID: 3,
    Name: 3
  }, {
    ID: 4,
    Name: 4
  }, {
    ID: 5,
    Name: 5
  }];
});