<!DOCTYPE html>
<html>

<head>
  <!-- Angular Material Dependencies -->
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
  <link rel="stylesheet" href="style.css" />
  <script src="app.js"></script>
</head>

<body ng-app="plnkrApp" ng-controller="DemoController">
  <ul class="list-unstyled" ng-show="UserProfileLinkData === 0">
    <li>EQUALS 0</li>
  </ul>



  <ul class="list-unstyled" ng-show="UserProfileLinkData === 1">
    <li>EQUALS 1</li>
  </ul>

</body>

</html>
/* Styles go here */

var app = angular.module('plnkrApp', []);

app
  .controller("DemoController", function($scope, configurationService){
    $scope.UserProfileLinkData = configurationService.UserProfileLinkData;
    
  })
  .service("configurationService", function(){
    return {
      UserProfileLinkData: 1,
      LinkToken: "userLinkToken"
    }
  });