Ember - how do I do simplest possible routes?

StackOverflow https://stackoverflow.com/questions/23176591

Frage

Ok, being minimalist, I have an index.html that has 

<html>
  <body>
    hello world
    <script type="text/x-handlebars" data-template-name="lists">
      <h1>in route lists</h1>
    </script> 
    <script src="http://builds.emberjs.com/beta/ember.js"></script>
    <script src="app.js"></script>
  </body>
</html>

and an app.js with

var App = window.App = Ember.Application.create({
   LOG_TRANSITIONS: true
});
App.Router.map(function() {
   this.resource('lists');
});

Shouldn't that be enough to get me a page with 'in route lists' when I navigate to AppURL/lists?

War es hilfreich?

Lösung

This is enough to get you a page with 'in route lists'. The page will be at APP_URL/#/lists though as by default ember uses the browsers hash for routing. If you wish to use hashless urls you need to tell your router to use the HTML5 history API:

App.Router.reopen({
  location: 'history'
});

You can read more about this here: http://emberjs.com/guides/routing/specifying-the-location-api/

and find a JSBin to play about here: http://emberjs.jsbin.com/seweqedi/2/

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top