<!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"
}
});