<!-- code in head -->
    <link href="css/ratchet-theme-android.css" rel="stylesheet">
    <link href="css/ratchet.css" rel="stylesheet">
    <link href="css/ratchet.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script>
    <link rel="stylesheet" href="css/style_pagination.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular-sanitize.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="js/ratchet.js"></script>
    <script src="js/ratchet.min.js"></script>
    <script type="text/javascript" src="cordova.js"></script>
    <script src="js/dirPagination.js"></script>
    <script type="text/javascript" src="js/myscript.js"></script>

    <!-- code in body -->
    <div ng-controller="myCtrl">
     <ul class="table-view">
      <li dir-paginate="news in news_arr | itemsPerPage: pageSize" current-page="currentPage">
       <img class="media-object pull-left" src="img/news.jpg">
       <div class="media-body">
        Date: <span class="green_font">{{ news['creation_date'] }}</span>
        Location: <span class="green_font">{{ news['location']+", "+news['state'] }}</span>
        <p ng-bind-html="news['news'] | linky"></p>
        -Created By <span class="green_font">{{ news['firstname']+ " " + news['lastname'] }}</span>
        <button ng-show="news['is_RSS'] == 0" class="btn btn-primary pull-right" name="{{ 'Date: '+news['creation_date']+'. Location: '+news['location']+', '+news['state'] }}" value="{{ news['news'] }}" onclick="myFunction(this)"><span class="icon icon-share"></span> Share</button>
       </div>
      </li>
     </ul>
    </div>
    <div ng-controller="OtherController">
     <small>this is in "OtherController"</small>
     <div class="text-center">
      <dir-pagination-controls boundary-links="true" on-page-change="pageChangeHandler(newPageNumber)" template-url="dirPagination.tpl.html"></dir-pagination-controls>
      </div>
     </div>

var app = angular.module('myApp', ['ngSanitize','angularUtils.directives.dirPagination']);

    app.controller("OtherController",function ($scope,$http) {
    $scope.pageChangeHandler = function(num) {
     console.log('Web Console : Going to page ' + num);
     };
    });

    app.controller("myCtrl",function ($scope,$http) {
     $scope.currentPage = 1;
     $scope.pageSize = 10;
     $news = {'option': 'select_news'};
     var req = {
      method: 'POST',
      url: 'http://example.com/local_news/local_news.php',
      headers: {
       'Content-Type': undefined
      },
      data: $news
     };
     $http(req).success(function(data){
      $scope.news_arr = data['data']; //returns jSon array
     }).error(function(e){console.log("Web Console: Error in retrivieng news...!!!");
      console.log(e);});
     });