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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular-sanitize.min.js"></script>
<div ng-controller='MyController' ng-app="myApp">
<div id="searchResults" ng-repeat="e in Data" ng-show="ShowResults">
  <div class="row">
    <div class="col-md-4 no-margin padding">
       <strong>Data:</strong> <span ng-bind-html="e.Speciality"></span>
    </div>
 </div>
</div>
    
</div>

JavaScript

var app = angular.module('myApp', ['ngSanitize']);
app.controller('MyController', function MyController($scope) {
$scope.ShowResults = true;
$scope.Data = [{Speciality:1}, {Speciality:2}, {Speciality:3}];
});