JSFiddle - React, Tailwind, and code Playground

by beekalam

HTML

<div ng-app="MyApp" ng-controller="myController">

  <div ng-if="currentUser">
    Hello, {{currentUser}} 
  </div>
  <div ng-if="!currentUser">
    <a href="#">Log In</a>  
    <a href="#">Register</a>
  </div>
  <br/><br/>
  <button ng-click="setUser()">set a user in local storage</button>
</div>

JavaScript

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

app.controller('myController', ['$scope', '$window', function myController($scope, $window){
	$scope.currentUser = $window.localStorage.getItem('userName') || "guest user";
  
   // reload the page after setting the test user
    $scope.setUser = function(){
     $window.localStorage.setItem('userName','testuser');
  }
}]);