On Refresh or On Load Page - AngularJS Code is shown -

i new in angularjs.

i fetching data rest api , displaying on page.

my supposed code giving below.

$http.get(local_url+'/data').     then(function(response) {         $scope.data = response.data.client_data;     });

now when suppose write.

<p>{{ data.name }}</p>

so when come on page, showing above {{ data.name }} code after sometime showing name.

=============================================================

solution.

i used in body tag that. <body ng-cloak> work.

thanks.

what define $scope.data before $http empty string

$scope.data = "";

you use build in ngcloak directive. prevent angularjs displaying $scope in raw form.

you can find more info inside angularjs docs here

another option use ng-if or ng-show expression, check whether value isset or not before rendering element.

<p ng-if="data.name">{{data.name}}</p>

<p ng-show="data.name">{{data.name}}</p>

where ng-if clones element , appends document when expression true , ng-show toggles display: none; or display: block; state on element.

helpfull links:
ng-if documentation
ng-show documentation

Insert