灰烬-路线/嵌套/参数/ HasMany

Question

我仍在学习Ember，希望获得一些帮助来解决此问题...

我有一个简单的图书馆应用程序，其中包含作者和书籍。 我想在我的作者视图模板中添加一个“添加书”链接，并且我希望该链接呈现一个定义了book.author的新书模板。 但我希望它显示在主插座中

我的模特：

App.Author = DS.Model.extend({
    name: DS.attr('string'),
    about: DS.attr('string'),
    picture: DS.attr('string'),
    books: DS.hasMany('book', {async: true})
});

App.Book = DS.Model.extend({
    title: DS.attr('string'),
    isbn: DS.attr('string'),
    summary: DS.attr('string'),
    isAvailable: DS.attr('boolean'),
    featured: DS.attr('boolean'),
    picture: DS.attr('string'),
    author: DS.belongsTo('author', {async: true})
});

这是我的路线：

App.Router.map(function () {

    this.resource('books', function () {
        this.route('edit', {path: '/:book_id/edit'});
        this.route('view', {path: '/:book_id'});
    });

    this.resource('authors', function () {
        this.route('new');
        this.route('edit', {path: '/:author_id/edit'});
        this.route('view', {path: '/:author_id'}, function (){
            this.resource('books', function(){
                this.route('new');
            });
        });
    });
});

网址将类似于authors/4/books/new

使用此嵌套路线，我只能在authors出口中显示我的books.new模板。 我无法在主电源插座上显示它。

---

我认为的另一种方式是使用那些路线

App.Router.map(function () {

    this.resource('books', function () {
        this.route('new');
        this.route('edit', {path: '/:book_id/edit'});
        this.route('view', {path: '/:book_id'});
    });

    this.resource('authors', function () {
        this.route('new');
        this.route('edit', {path: '/:author_id/edit'});
        this.route('view', {path: '/:author_id'});
    });
});

和使用QueryParams

网址会像books/new?author_id=4

模板显示正确，但是我无法将新书记录绑定到其作者。

使它起作用的“最佳最佳实践”是什么？您能给我一个可行的例子吗？

谢谢。

Answer 1

您的嵌套路线方法很好，然后在您的嵌套书籍/新控制器中添加：

needs: ['authors/view'],
author: Ember.computed.alias('controllers.authors.view.model')

然后假设您对书籍/新控制器执行“保存”操作：

save: function() {
  var model = this.get('model');
  var author = this.get('author');
  model.set('author', author);
  model.save().then(...);
}