<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css">
  <style>
    [ng\: cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x- ng-cloak {
      display: none !important;
    }
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.4/angular.js"></script>
  <script>
    var app = angular.module("myApp", []);

    app.service('getDemoService', function($http) {
      this.getDemoResult = function() {
        return $http({
          method: 'GET',
          url: baseURL + 'Api/AccountPref/Get/' + uid
        });
      };
    });

    app.controller("MyDemoController", function($scope, getDemoService) {
      $scope.resultData = [];

      getDemoService.getDemoResult().then(function(data) {
        var items = data.items;
        angular.forEach(items, function(row) {
          $scope.resultData.push({
            "title": row.title
          });
        });
      });
    });
  </script>
</head>
<body>
  <div>The ng-cloak example</div>
  <div ng-controller="MyDemoController" ng-cloak>
    <div ng-repeat="rslt in resultData">
      {{rslt.title}}
    </div>
  </div>
  <div>
  </br>
  </br>
  </br>
 Visit reference multiple examples for <a href="https://www.code-sample.com/2015/02/ng-cloak-directive-in-angularjs.html" target="_blank"> ng-cloak directive</a></div>
</body>

</html>





// Code goes here

/* Styles go here */