javascript - Ember 数据在模板中未定义，但可在控制台中访问

Question

我对 ember 比较陌生，只是第一次看到它，我使用 ember-cli-mirage 作为模拟服务器，但遇到了一些问题。

在我的 models/groups.js 中我有

export default DS.Model.extend({
  name: DS.attr('string'),
  serverType: DS.attr('string', {defaultValue: 'Web Server'}),
  protectionMode: DS.attr('string', {defaultValue: 'High'}),
  protectionLevel: DS.attr('string', {defaultValue: '=)'}),
  bps: DS.attr('number'),
  pps: DS.attr('number'),
  protectedHosts: DS.attr('string', {defaultValue: '1.0.0.0'}),
  lastModified: DS.attr('number', {defaultValue: 1}),
  complete: DS.attr('string')
});

我最初在任何地方都没有默认值，但一旦添加它们，内容就会显示在我的模板中的 serverType、protectionMode、protectionLevel，但不会显示 lastModified 或 protectedHosts

我的 Mirage/config.js

export default function() {
  this.get('/groups', function(db, request) {
    console.log(db.groups)
    return {
      data: db.groups.map(attrs => (
        {type: 'groups', id: attrs.id, attributes: attrs}
      ))
    };
  });

  this.post('/groups', function(db, request) {
    let attrs = JSON.parse(request.requestBody);
    let group = db.groups.insert(attrs);
    return {
      data: {
        type: 'groups',
        id: group.id,
        attributes: group
      }
    };
  });

  this.patch('/groups/:id', function(db, request) {
    let attrs = JSON.parse(request.requestBody);
    let group = db.groups.update(attrs.data.id, attrs.data.attributes);
    return {
      data: {
        type: 'groups',
        id: group.id,
        attributes: group
      }
    };
  });

  this.del('/groups/:id');
}

我在/groups get 中执行的控制台日志记录显示了来 self 的海市蜃楼/工厂的所有正确数据

mirage/factories/groups.js

import Mirage, {faker} from 'ember-cli-mirage';

export default Mirage.Factory.extend({  
    name(i) { return `Protection Group ${i + 1}`; },
    serverType(i) { return `Custom Server Type ${i + 1}`;},
    protectionMode: 'High',
    protectionLevel: '=)',
    lastModified(i) { return `${i+1} Weeks`; },
    bps(i) { return parseInt(Math.floor((Math.random() * i) + 100 * i)) },
    pps(i) { return parseInt(Math.floor((Math.random() * 100) + i)) },
    protectedHosts(i) { return `10.1.2.1${i+1}`; },
    complete: false
});

有人知道为什么有些数据显示为未定义而有些则不然，以及为什么有些默认值有效但有些无效？

Answer 1

对于 protectedHosts 和 lastModified，您拼写的 defaultValue 不正确。您有 defualtValue(u 和 a 颠倒了)。