Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If you would really like to have an initial value stored in an area before Angular activates- you can use the ng-bind attribute rather than {{bound strings}}, from your example:</p> <pre><code>&lt;ul&gt; &lt;li ng-repeat="feature in features"&gt; &lt;div ng-bind="feature.title"&gt;Hello&lt;/div&gt; &lt;p ng-bind="feature.description"&gt;This feature was rendered server-side but can be updated once angular activates&lt;/p&gt; &lt;/li&gt; &lt;/ul&gt; </code></pre> <p>I'm not sure where this would come in handy, but you'll also want to include the initial data-set as part of a script tag in the document, so that when angular DOES activate it doesn't wipe out the displayed information with nulls.</p> <p><strong>Edit:</strong> (As requested by commenters)</p> <p>Alternatively, you could make an ng-repeat at the top of the list, have it configured to fill out based on the 'features' list itself. Following that ng-repeat element, have non-ng-repeat elements which have an ng-hide attribute with the setting ng-hide="features", if Angular loads, all the elements from the original server-provided list hide themselves, and the angular list jumps into existence. No hacky modifications to Angular, and no fiddling with the direct ng-bind attribute.</p> <p>As a side note, you might still want to send a piece of script capable of reading that initial server-element for its data to feed it into angular before angular synchronizes if you want to avoid a blink where angular clears the data while waiting for a request for the same data from the server.</p>
    singulars
    1. This table or related slice is empty.
    1. POHTML template filled in server-side and updated client-side
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USZoey
    1. USZoey
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POHTML template filled in server-side and updated client-side
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI'm upvoting this since it seems to be the most promising answer so far. I still don't see how to handle the case where the server renders several list items and then Angular replaces them later. I guess I could always fork Angular and add that feature....
      singulars
      1. PO
      1. UStakteek
    2. CO@takteek Oh, idea! Make an ng-repeat at the top of the list, have it configured to fill out based on the 'features' list itself. Following that ng-repeat element, have non-ng-repeat elements which have an ng-hide attribute with the setting ng-hide="features", if Angular loads, all the elements from the original server-provided list hide themselves, and the angular list jumps into existence. No hacky modifications to Angular, and no fiddling with the direct ng-bind attribute.
      singulars
      1. PO
      1. USZoey
    3. COAwesome, I think that's what I'll go with. It's still not perfect but it seems like the best I'm going to do short of modifying angular or knockout. Honestly, I'm surprised that there isn't a framework that addresses this problem.
      singulars
      1. PO
      1. UStakteek
 

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