Geek Answers Handbook

Nested resources in ember-cli, messy application structure

As a newbie to Ember.js and ember-cli, I am having trouble understanding what seems necessary for my application to work.

The logical hierarchy of my application looks something like this:

Projects
|___Project
    |___Details
    |___Team Members
    |___Budget
        |___Planned
        |___Actual

And currently this is my router.js:

  this.resource('projects');
  this.resource('project', { path: 'projects/:project_id' }, function() {
    this.route('details');
    this.route('team');
    this.route('milestones');
    this.resource('budget', function(){
      this.route('project-budget', { path: 'project'});
      this.route('resource-budget', {path: 'team'});
    });
  });

I am having problems with where to put my files. To the point of two nested routes within the budget, my folder structure looked like my hierarchy, but since the resource resets the namespace, now to make it work, I have to pull my budget template, route and controller back to the top level (with project materials), which just seems messy and how it can cause headaches when trying to save this thing later.

Am I doing it wrong?

+4
1

Ember. / router.js . , , "team" "project" router.js:

Router.map(function() {
    this.resource('project', function() {
         this.route('team');
    });
});

this.route() router.js, router.js. , this.route() , :

app/routes/project.js
app/routes/project/team.js
app/templates/project.hbs
app/templates/project/team.hbs

, , this.resource() router.js, Ember, reset . , router.js :

Router.map(function() {
    this.resource('project', function() {
         this.resource('team');
    });
});

... :

app/routes/project.js
app/routes/team.js
app/templates/project.hbs
app/templates/team.hbs

, , , this.route() this.resource(), nestable this.route() Ember 1.7: http://emberjs.com/blog/2014/08/23/ember-1-7-0-released.html

+11

More articles:


All Articles