Handlebars模板不會渲染ember數據對象

Question

我已經構建了一個ember前端應用程序，該應用程序使用在另一個應用程序中使用rails制作的API。 ember應用程序成功地從rails api請求和接收數據，我的一個把手模板（顯示我畢業生模型中所有畢業生的列表的索引頁）工作正常。 然而，用於顯示個別畢業生的頁面無法呈現有關這些個別畢業生的數據。 雖然當我在瀏覽器（Chrome）中的開發者控制台中打開ember工具時，該數據仍然存在。

我是新來的余燼，我一直試圖解決這個問題2天，但我完全難過，任何幫助都將不勝感激！

應用程序/適配器/ application.js中：

import DS from 'ember-data';

export default DS.ActiveModelAdapter.extend({
   namespace: 'api/v1',
   host: 'http://localhost:3000'
});

應用程序/模型/ graduate.js：

import DS from 'ember-data';

export default DS.Model.extend({
  firstName: DS.attr('string'),
  lastName: DS.attr('string'),
  cohort: DS.attr('string'),
  currentJob: DS.attr('string'),
  bio: DS.attr('string'),
  news: DS.attr('string'),
  website: DS.attr('string'),
  picture: DS.attr('string'),
  createdAt: DS.attr('date'),
  updatedAt: DS.attr('date')
  });

路線/畢業生/ index.js：

import Ember from 'ember';

export default Ember.Route.extend({
   model: function() {
      return this.store.find('graduate');
   }
});

路線/ graduate.js：

import Ember from 'ember';

 export default Ember.Route.extend({
    model: function(params) {
       return this.store.find('graduate', params.graduate_id);
    }
 });

應用程序/ router.js：

import Ember from 'ember';
import config from './config/environment';

var Router = Ember.Router.extend({
  location: config.locationType
 });

export default Router.map(function() {
   this.resource('graduates', function() {
     this.resource('graduate', { path: '/:graduate_id' });
     });
 });

environment.js：

/* jshint node: true */

module.exports = function(environment) {
  var ENV = {
    contentSecurityPolicy: {
    'connect-src': "'self' http://localhost:3000",
     'default-src': "'none' http://localhost:3000",
     'script-src': "'self'",
     'font-src': "'self' http://localhost:3000",
     'img-src': "'self' http://localhost:3000",
     'style-src': "'self' http://localhost:3000 'unsafe-inline",
     'media-src': "'self' http://localhost:3000"
  },


modulePrefix: 'flatbook-front',
environment: environment,
baseURL: '/',
locationType: 'auto',
EmberENV: {
  FEATURES: {
    // Here you can enable experimental features on an ember canary     
    build
    // e.g. 'with-controller': true
  }
},

 APP: {
  // Here you can pass flags/options to your application instance
  // when it is created
  }
 };

if (environment === 'development') {
  // ENV.APP.LOG_RESOLVER = true;
  // ENV.APP.LOG_ACTIVE_GENERATION = true;
  // ENV.APP.LOG_TRANSITIONS = true;
  // ENV.APP.LOG_TRANSITIONS_INTERNAL = true;
  // ENV.APP.LOG_VIEW_LOOKUPS = true;
}

 if (environment === 'test') {
   // Testem prefers this...
   ENV.baseURL = '/';
   ENV.locationType = 'none';

   // keep test console output quieter
   ENV.APP.LOG_ACTIVE_GENERATION = false;
   ENV.APP.LOG_VIEW_LOOKUPS = false;

   ENV.APP.rootElement = '#ember-testing';
 }

  if (environment === 'production') {

 }

  return ENV;
 };

應用程序/模板/ graduate.hbs：

<h1>{{firstName}} {{lastName}}</h1>

Answer 1

應該

  // app/templates/graduate.hbs
  <h1>{{model.firstName}} {{model.lastName}}</h1>

你的模板

<h1>{{firstName}} {{lastName}}</h1>

顯示當前控制器（類Ember.Controller）的firstName和lastName屬性，但它們未設置。

請在此處查看問題的歷史記錄： http ： //emberjs.com/deprecations/v1.x/#toc_objectcontroller 。