Ember 3.5 Отношения не решаются - PullRequest
Новая
       16

Ember 3.5 Отношения не решаются

0 голосов
/ 08 ноября 2018

Раньше у меня был emberjs 1.13, который я обновил до 3.5 у меня возникла проблема с отношением принадлежность к, где я не могу получить доступ к этим данным в нем. мой код как показано ниже

модель 

export default DS.Model.extend( {

  title: DS.attr( 'string' ),
  description: DS.attr( 'string' ),
  published: DS.attr( 'boolean' ),
  publishedAt: DS.attr( 'date' ),

  course: DS.belongsTo( 'course' ),
  author: DS.belongsTo( 'profile', { async: true } ),

  viewed: false,
  isNew: true,

}

в контроллере 

this.get('model.published') working 
this.get('model.author.name') not working

но тот же код работал на 1.13 из emberjs

с данными ember 1.13

enter image description here

с данными ember 3,5

enter image description here

1 Ответ

0 голосов
/ 09 ноября 2018

Это большое улучшение с 1.13 до 3.5.

Многое изменилось. Чтобы полностью понять, что изменилось и почему, я настоятельно рекомендую читать каждый из примечаний к выпуску Ember каждый раз, когда вы обновляете минорную или основную версию. Супер полезно.

Скорее всего author не было загружено в магазин. Проверьте данные маршрута model(), сетевой запрос и Ember Inspector, если данные загружены в.

Если загружено, это может быть async: true. Попробуйте удалить это?

Это рабочий пример в Ember 3.5:

app/models/thing.js 

import Model from 'ember-data/model';
import attr from 'ember-data/attr';
import { belongsTo } from 'ember-data/relationships';

export default Model.extend({

  // Attributes
  title: attr('string'),
  description: attr('string'),
  published: attr('string'),
  publishedAt: attr('string'),

  // Relationships:
  // No need for async: true
  course: belongsTo('course'),
  author: belongsTo('author')

});

app/models/author.js 

import Model from 'ember-data/model';
import attr from 'ember-data/attr';

export default Model.extend({
  name: attr('string')
});

app/route/thing.js

import Route from '@ember/routing/route';

export default Route.extend({
  model(params) {
    // Assuming you use JSON API
    // Make sure `author` is included when fetching `thing`
    return this.store.query('thing', {
      include: 'author, course'
    }),
  }
});

app/controllers/thing.js

import Controller from '@ember/controller';

export default Controller.extend({
  init(){
    console.log(this.model.author.name)
  }
});
...