title: Is it possible to inject HTML into $scope?
body: <p>I am trying to do the following, when a user login then the header link will change to a dropdown with the username of current user.</p>
  
  <p>When they logout the dropdown will change back to a link to Home Page.</p>
  
  <p>Current code:</p>
  
  <pre><code>app.controller('menuCtrl', function ($rootScope, $location, Data) {
          $rootScope.$on("$routeChangeStart", function (event, next, current) {
              Data.get('session').then(function (results) {
                  if (results.uid) {
                      console.log('Change Menu to Logged In Version');
                      $rootScope.menu = "&lt;h3&gt;Logged In&lt;/h3&gt;";
                  } else {
                      console.log('Changed Menu to Logged Out Version');
                      $rootScope.menu = "&lt;h3&gt;Logged Out&lt;/h3&gt;";
                  }
              });
          });
  });
  </code></pre>
  
  <p>html</p>
  
  <pre><code>&lt;div class="navbar navbar-inverse navbar-fixed-top" role="navigation" ng-controller="menuCtrl"&gt;
    &lt;div class="container"&gt;
      &lt;div class="row"&gt;
        &lt;div class="navbar-header col-md-8"&gt;
          &lt;a class="navbar-brand" rel="home"&gt;Freelancer Portal&lt;/a&gt;
        &lt;/div&gt;
        &lt;ul class="nav navbar-nav pull-right"&gt;
            &lt;li&gt;&lt;a href="#"&gt;Back to Home&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div &gt;
  </code></pre>
  
  <p>Any suggestions to improve in the code will be great too :)</p>