<!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 */