title: persistent authentication states Firebase
body: <p>Lets say I've configured my write rules to a specific <code>email</code> :</p>
  
  <pre><code>{
    "rules": {
      ".read": true,
      ".write": "auth.email == 'example@example.com'"
    }
  }
  </code></pre>
  
  <p>And I login in using the <code>angularFireAuth</code> service:</p>
  
  <pre><code>.controller('loginCtrl', ["$scope", "$rootScope", "angularFireAuth", function($scope, $rootScope, angularFireAuth) {
  
      var ref = new Firebase("https://test.firebaseio.com/");
      angularFireAuth.initialize(ref, {scope: $scope, name: "user"});
  
      $scope.cred = {};
  
      $scope.signin = function() {
  
          angularFireAuth.login('password', {
              email: $scope.cred.user,
              password: $scope.cred.password,
              rememberMe: true
          });
      }
  }]);
  </code></pre>
  
  <p>I have a <code>newCtrl</code> that I use to add new items to my collection:</p>
  
  <pre><code>.controller('newCtrl', ["$scope", "$rootScope", "angularFireCollection", function($scope, $rootScope, angularFireCollection) {
  
      var ref = new Firebase("https://test.firebaseio.com/");
      $scope.items = angularFireCollection(ref);
  }]);
  </code></pre>
  
  <p>When I invoke <code>items.add()</code> in my view:</p>
  
  <pre><code>&lt;input type="text" ng-model="item.name" /&gt;
  &lt;input type="text" ng-model="item.desc" /&gt;
  &lt;button ng-click="items.add(item)"&gt;submit&lt;/button&gt;
  </code></pre>
  
  <p>I recieve a <code>Not Authorized</code> response even <strong>after I've successfully logged in</strong> through the <code>loginCtrl</code></p>
  
  <ul>
  <li>How do I <em>create</em> a persistent authentication state across my entire application after <strong>logging in</strong>?</li>
  <li>How do I <em>remove</em> a persistent authentication state across my entire application after <strong>logging out</strong>?</li>
  </ul>