Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The documentation is not very clear about AngularJS routing. It talks about Hashbang and HTML5 mode. In fact, AngularJS routing operates in three modes:</p> <ul> <li>Hashbang Mode</li> <li>HTML5 Mode</li> <li>Hashbang in HTML5 Mode</li> </ul> <p>For each mode there is a a respective LocationUrl class (LocationHashbangUrl, LocationUrl and LocationHashbangInHTML5Url).</p> <p>In order to simulate URL rewriting you must actually set html5mode to true and decorate the $sniffer class as follows:</p> <pre><code>$provide.decorator('$sniffer', function($delegate) { $delegate.history = false; return $delegate; }); </code></pre> <p>I will now explain this in more detail:</p> <h1>Hashbang Mode</h1> <p>Configuration:</p> <pre><code>$routeProvider .when('/path', { templateUrl: 'path.html', }); $locationProvider .html5Mode(false) .hashPrefix('!'); </code></pre> <p>This is the case when you need to use URLs with hashes in your HTML files such as in</p> <pre><code>&lt;a href="index.html#!/path"&gt;link&lt;/a&gt; </code></pre> <p>In the Browser you must use the following Link: <code>http://www.example.com/base/index.html#!/base/path</code></p> <p>As you can see in pure Hashbang mode all links in the HTML files must begin with the base such as "index.html#!".</p> <h1>HTML5 Mode</h1> <p>Configuration:</p> <pre><code>$routeProvider .when('/path', { templateUrl: 'path.html', }); $locationProvider .html5Mode(true); </code></pre> <p>You should set the base in HTML-file</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;base href="/"&gt; &lt;/head&gt; &lt;/html&gt; </code></pre> <p>In this mode you can use links without the # in HTML files</p> <pre><code>&lt;a href="/path"&gt;link&lt;/a&gt; </code></pre> <p>Link in Browser:</p> <pre><code>http://www.example.com/base/path </code></pre> <h1>Hashbang in HTML5 Mode</h1> <p>This mode is activated when we actually use HTML5 mode but in an incompatible browser. We can simulate this mode in a compatible browser by decorating the $sniffer service and setting history to false.</p> <p>Configuration:</p> <pre><code>$provide.decorator('$sniffer', function($delegate) { $delegate.history = false; return $delegate; }); $routeProvider .when('/path', { templateUrl: 'path.html', }); $locationProvider .html5Mode(true) .hashPrefix('!'); </code></pre> <p>Set the base in HTML-file:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;base href="/"&gt; &lt;/head&gt; &lt;/html&gt; </code></pre> <p>In this case the links can also be written without the hash in the HTML file</p> <pre><code>&lt;a href="/path"&gt;link&lt;/a&gt; </code></pre> <p>Link in Browser:</p> <pre><code>http://www.example.com/index.html#!/base/path </code></pre>
    singulars
    1. This table or related slice is empty.
    1. PO$location / switching between html5 and hashbang mode / link rewriting
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USSebastian
    1. USjupiter
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO$location / switching between html5 and hashbang mode / link rewriting
      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. COThank you for the detailed explanation, @jupiter. I'll look at whether I can skip the bang and keep the hash and trick Angular into not requiring two sets of URLs depending on the mode!
      singulars
      1. PO
      1. USlaurelnaiad
    2. COI think I have not properly understood your problem. Why don't you use just URLs without a hash? They will work in browsers supporting the history API and browsers not supporting the history API. AngularJS will put the # version into the location bar when you click on them in browsers not supporting the history API as AngularJS intercepts clicks on links.
      singulars
      1. PO
      1. USjupiter
    3. COI'm working on a framework that should support both modes. App authors should be able to choose one or the other without worrying about whether or not there are hashes in their templates and/or changes in the interpretation of relative paths. I'm hopeful that your trick will help make it true that "all you do is change the mode" (even if the practical solution is "set the mode to html5 and then lie to angular about the browser capabilities").
      singulars
      1. PO
      1. USlaurelnaiad
 

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