title: Double curly brackets in HTML angular file not showing the data through javascript, why?
body: <p>I'm making a project using Angular and trying to get data through an angularjs controller to html file by using double curly brackets in my html as <code>{{vm.loggedInUser}}</code>, although my code isn't showing any error when compiled and everything is working fine, why is the data(i.e <code>vm.loggedInUser=decodedToken.Username</code>) through the controller not showing up inside my html file after calling?</p>
  
  <p>This is the angular controller code:</p>
  
  <pre><code>angular.module('users').controller('loginController',loginController);
  
  function 
  loginController ($http,$location,$window,authfactory,jwtHelper) 
  {    
      var vm=this;
      vm.isLoggedin=function(){
  
          if (authfactory.isLoggedin){
              return true;
          }else{
              return false;
          }
      };
  
      vm.login=function(){   
          if(vm.Username &amp;&amp; vm.Password){
              var user={
                  Username:vm.Username,
                  Password:vm.Password
              };
  
              $http.post('/api/login',user).then(function(response){
                  if(response.data.success){
                      $window.sessionStorage.token=response.data.token;
                      var token=$window.sessionStorage.token;
                      var decodedToken=jwtHelper.decodeToken(token);
                      vm.loggedInUser= decodedToken.Username;
                  }
              }).catch(function(error){
                  console.log(error);
              })
          }
      }
  }
  </code></pre>
  
  <p>Here is the angular html code:</p>
  
  <pre><code>&lt;div ng-if="vm.isLoggedin()" class="loginContent"
       ng-controller="loginController as vm"&gt;
  
    &lt;form class="Blogform"&gt;
        &lt;form class="Blogform"&gt;
            &lt;textarea name=text id="text" rows="40" cols="150"
                      placeholder= "Share.."&gt; 
            &lt;/textarea&gt;
       `&lt;/form&gt;`
        &lt;div class="heading"&gt;`hi {{vm.loggedInUser}}!&lt;/div&gt;    
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>