title: What is the purpose of angular-sanitize ?
body: <p>I was just going through the examples for a angular and openlayers directive <strong><a href="https://github.com/tombatossals/angular-openlayers-directive" rel="noreferrer">HERE</a></strong> and came across the following example:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="demoapp"&gt;
    &lt;head&gt;
      &lt;script src="../bower_components/openlayers3/build/ol.js"&gt;&lt;/script&gt;
      &lt;script src="../bower_components/angular/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="../bower_components/angular-sanitize/angular-sanitize.min.js"&gt;&lt;/script&gt;
      &lt;script src="../dist/angular-openlayers-directive.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="../bower_components/openlayers3/build/ol.css" /&gt;
      &lt;script&gt;
          var app = angular.module('demoapp', ['openlayers-directive']);
          app.controller('DemoController', [ '$scope', function($scope) {
              angular.extend($scope, {
                  center: {
                      lat: 0,
                      lon: 0,
                      autodiscover: true
                  }
              });
         }]);
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body ng-controller="DemoController"&gt;
      &lt;openlayers ol-center="center"  height="400px"&gt;&lt;/openlayers&gt;
      &lt;h1&gt;Center autodiscover example&lt;/h1&gt;
      &lt;form&gt;
          Latitude : &lt;input type="number" step="any" ng-model="center.lat" /&gt;
          Longitude : &lt;input type="number" step="any" ng-model="center.lon" /&gt;
          Zoom : &lt;input type="number" step="any" ng-model="center.zoom" /&gt;
          &lt;button ng-click="center.autodiscover=true"&gt;Discover position&lt;/button&gt;
      &lt;/form&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The example can be seen as a live example <strong><a href="http://tombatossals.github.io/angular-openlayers-directive/examples/022-center-autodiscover-example.html" rel="noreferrer">HERE</a></strong>. </p>
  
  <p>My question is about the files being loaded,  I don't quite understand why the below script being loaded: </p>
  
  <pre><code>&lt;script src="../bower_components/angular-sanitize/angular-sanitize.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>What is the purpose of the above script ? </p>
  
  <p><strong>EDIT::</strong> : i found out the git repo and the docs here for this module in angular <strong><a href="https://docs.angularjs.org/api/ngSanitize" rel="noreferrer">HERE</a></strong>. , but i still don't understand the purpose of this script , the documentation does't even have a single example. </p>
  
  <p>I have coded in jQuery a fair bit , so can somebody explain this in jQuery terms ? </p>