javascript - Ember JS 模板不渲染模型值

Question

这是我的 app/models/post.js (这是模型)

import DS from 'ember-data';

var attr = DS.attr;

export default DS.Model.extend({
  author: DS.belongsTo('author'),
  title: attr('string'),
  body: attr('string')
});

这是位于 app/routes/post.js 的路由

import Ember from 'ember';

export default Ember.Route.extend({
});

这是处理它的模板 app/templates/post.hbs

<h1>{{title}}</h1>
<h2>by {{author.name}}</h2>

<hr>
<div class = "body">
{{body}}
</div>

这是我的路由器。

Router.map(function() {
  this.route('about');
  this.resource('posts');
  this.resource('post',{ path: '/posts/:post_id'});
});

每当我访问 localhost:4200/post/1 时，该 View 不会呈现任何内容，但是每当我查看网络时，它都会检索此 json 数据

{"post":{"id":1,"title":"How to win at life","body":"Body","author":1},"authors":[{"id":1,"name":"George","posts":[1,2]}]}

这是我的目录结构

每当我运行调试器并将鼠标悬停在页面上时，它都会显示我有一个模型

Answer 1

您需要在模板中使用model属性:

<h1>{{model.title}}</h1>
<h2>by {{model.author.name}}</h2>

<hr>
<div class = "body">
{{model.body}}
</div>

ObjectController 现已弃用，因此 model 属性不再被代理，您不能仅使用 {{title}} 代替{{model.title}}。

this.resource() 也是 deprecated now .