I have a single page application there i have added a loader symbol in the master page.

 index.html
-----------

```
     <html lang="en" ng-app="SwipeIndex">
        <body>
            <div data-ng-controller="indexController">  
              <p class="text-center" id="loader" ng-show="dataload" ng-init="dataload=false"></p>
            </div>
            <div data-ng-view="">
        </div>
        </body></html>

```

my indexcontroller is as follows

```
var ss= angular.module("SwipeIndex", ['ngRoute', 'LocalStorageModule']);

ss.config(function ($routeProvider) {
    $routeProvider.when("/login", {
        controller: "loginController",
        templateUrl: "login.html"
    });
});
ss.controller('indexController', ['$scope', '$location', function ($scope, $location) {
    $location.path('/login');
}]);

```

i am using angular routing to go to logincontroller and my logincontroller is as follows

```
ss.controller('loginController', ['$scope', function ($scope) {    
  //Setting my loading ng-show value to true, to show loading symbol but it has no effect
  $scope.dataload = true;
}]);

```

but after setting `$scope.dataload=true` also my loader symbol is not getting displayed.

To check whether the loader is working or not i have place true in `ng-show='true'` then it is working fine.