Navigational bar content built depending on login state
I discovered that inside of ng-repeat directive expressions aren't evaluated which is why the function wasn't affecting the navigation state. to make the navigation state change I created another array of objects inside my navigation controller like this:

  $this.loggedInLinks = [
    {name: 'About-us', ref:'about', title: 'About DeafandHoh Page'},
    {name: 'Facts', ref: 'facts', title: 'Facts &amp; Deaf Empowerment Page'},
    {name: 'News', ref: 'news', title: 'News Page'},
    {name: 'Products', ref: 'products', title: 'Products Page'},
    {name: 'Directory', ref: 'directory', title: 'Directory Listings Page'},
    {name: 'Resources', ref: 'resources', title: 'Resources Page'},
    {name: 'Profile', ref: 'profile', title: 'User Profile Page'},
    {name: 'Chatroom', ref: 'chatroom', title: 'Come Chat!'},
    {name: 'Logout', ref: 'logout', title: 'Login &amp; Register Page'}
];


and to allow the state to change when the user logged in I attached a ng-hide to the default HTML navigation bar like so 

&lt;div class="hidden-xs" ng-hide="nav.userLoggedIn()"&gt;
    &lt;ul class="nav navbar-nav"&gt;
        &lt;li ng-repeat="nav in nav.defaultLinks"&gt;
            &lt;a title="{{nav.title}}" ui-sref="{{nav.ref}}" ng-bind="nav.name"&gt;&lt;/a&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;


And Replicated that in another HTML section but instead with ng-show for when the LoginService.loggedIn state changed to truthy

 &lt;div class="hidden-xs" ng-show="nav.userLoggedIn()"&gt;
      &lt;ul class="nav navbar-nav"&gt;
          &lt;li ng-repeat="nav in nav.loggedInLinks"&gt;
              &lt;a title="{{nav.title}}" ui-sref="{{nav.ref}}" ng-bind="nav.name"&gt;&lt;/a&gt;
         &lt;/li&gt;
     &lt;/ul&gt;
&lt;/div&gt;


Now when a user logs in the navigation bar changes appropriately.