title: user role on UI-STATE
body: <p>in my app i have many different USER ROLE's. 
  And on one state i need to set different roles. Bellow code, with only one user role, working ok</p>
  
  <pre><code>.state('distributor-dashboard', {
                  url: '/distributor-dashboard',
                  templateUrl: 'assets/html_templates/distributor-dashboard/distributor-dashboard.html',
                  controller: 'distributorDashboardCtrl',
                  authentication: {role: admin}
              })
  </code></pre>
  
  <p>But, if i try to add another roles, they don' work here is example</p>
  
  <pre><code>.state('distributor-dashboard', {
                  url: '/distributor-dashboard',
                  templateUrl: 'assets/html_templates/distributor-dashboard/distributor-dashboard.html',
                  controller: 'distributorDashboardCtrl',
                  authentication: {role: ["admin" || "user"]}
              })
  </code></pre>
  
  <p>Here is where i check USER ROLE</p>
  
  <pre><code>$rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) {
  
  
      $rootScope.previousState = fromState.name;
      var auth = authService.authentication.isAuth;
       if (toState.name !== "login" &amp;&amp; toState.name !== "signup" &amp;&amp; toState.name !== "resset-password" &amp;&amp; toState.name !== "new-password"  &amp;&amp; toState.name !== "account-activation" &amp;&amp; auth === false) {
          event.preventDefault();
          $state.go('login',  {});
      } 
  
      var role = authService.authentication.role;
  
      if (toState.authentication !== undefined &amp;&amp; toState.authentication.role !== role)  {
         event.preventDefault();
          $state.go('login', {});
      }
  
  
  }
  </code></pre>
  
  <p>Thnx.</p>