Databases
StackOverflow2013
Postsdbo
POInitialize AngularJS config block with asynchronous data
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POInitialize AngularJS config block with asynchronous data
    primarykey
    data
    text
    <p>While defining the routes of an AngularJS application, in order to indicate what access level each route should have, a new property called <code>access</code> has been added to each route. This is based on a Client-Side authorization approach described <a href="http://www.frederiknakstad.com/authentication-in-single-page-applications-with-angular-js/" rel="nofollow noreferrer">here</a>.</p> <p>The <code>.config</code> block would look like the following:</p> <pre><code>app.config(['$routeProvider', '$locationProvider', '$httpProvider', function ($routeProvider, $locationProvider, $httpProvider) { var access = routingConfig.accessLevels; //Initialize with asynch data instead $routeProvider. when('/home', { templateUrl: '/Templates/home.html', controller: 'homeController', access: access.user }); $routeProvider. when('/private', { templateUrl: '/Templates/private.html', controller: 'adminController', access: access.admin }); //...more route configurations }]); </code></pre> <p>Leaving the core logic of the approach aside, I just want to know in general how can we initialize the <code>access</code> variable with some asynchronous data so that it is available while defining the <code>access</code> property for each route? This is needed because only the server has knowledge of the list of access levels.</p> <p>Although there are answers to <a href="https://stackoverflow.com/questions/16286605/initialize-angularjs-service-with-asynchronous-data">Initialize AngularJS service with asynchronous data</a> based on exposing a <code>promise</code> in the service &amp; using <code>resolve</code> in route config, it won't work in my case as I need the asynchronous call to be resolved before defining the route configuration because the <code>access</code> property depends on the asynchronous data.</p> <p>What options do I have? Can the <a href="http://docs.angularjs.org/api/ng.$q" rel="nofollow noreferrer">promise/deferred</a> approach still be used somehow?</p> <p>Any suggestion would be much appreciated.</p> <p><strong>EDIT :</strong></p> <p>To describe what <code>access</code> is doing a bit, it is being populated by a separate module called <code>routingConfig</code>. In the <a href="http://www.frederiknakstad.com/authentication-in-single-page-applications-with-angular-js/" rel="nofollow noreferrer">approach</a>, a user can belong to a certain role which is defined as a binary number. For e.g public : 001, user : 010, admin : 100 (and so forth).</p> <p>The access level for any route will again be a binary number defined by the OR operation of all user-roles that are allowed to access it. So for e.g. if the <code>user</code> access-level can be accessed by user-roles <code>user</code>(010) and <code>admin</code>(100), its bitmask would be 110. Later to check access on a route, we can do a AND operation on the user-role and access-level to see if it is authorized or not. Details can be seen in the above link.</p> <p>Note that data at the server end is still secure by more complex algorithms, so even if the above logic is manipulated with at the client-side, such a user would only be able to see the markup of any unauthorized page.</p> <p>Again, coming back to the problem in hand. How can <code>access</code> which is being used as a property in the <code>config</code> block be initialized with asynchronous data that comes from the server. This data may look like the following:</p> <pre><code>accessLevels : { 'public' : '111', 'user' : '110', 'admin': '100' } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. USRaj
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POInitialize AngularJS config block with asynchronous data
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POInitialize AngularJS config block with asynchronous data
      1. USDavin Tryon
      1. VTFavorite
    3. VO
      singulars
      1. POInitialize AngularJS config block with asynchronous data
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI'm assuming that you have tested a service to fetch the `access` but for some reason when you use it with your $routeProvider `access` property the reference is lost and whatever you use `access` later you don't have the update value? This looks weird in a first look for me.
      singulars
      1. POInitialize AngularJS config block with asynchronous data
      1. USEverton Yoshitani
    2. COCould you specify what exact information do you need to load `access` (or describe broadly some scenarios)? (I have a couple of ideas, but all of them are far from being elegant)
      singulars
      1. POInitialize AngularJS config block with asynchronous data
      1. USartur grzesiak
    3. COThe problem here is that the `$routeProvider` must be registered _before_ the application `runs`. The way we handle this is to define the routes just the same, but set the right access level in the `module.run` function and make the links inaccessible through the UI. If a user gets to these links, he sees a nice 401 error in the app and is requested to log in with higher privileges using a modal box. This is handled via `$http` interceptors.
      singulars
      1. POInitialize AngularJS config block with asynchronous data
      1. USmusically_ut
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload