Ember.js 仅在 HandleBars 模板中绑定我的模型中名为"name"的属性

这是我的夹具模型文件：

App.Game = DS.Model.extend({
    name: DS.attr('string'),
    isCompleted: DS.attr('boolean')
});
App.Game.FIXTURES = [
{ 
    id: 1,
    name: '-TEMPIN-',
    description: 'Test',
    websiteUrl: 'http://www.kefsensei.com'
},
{
    id: 2,
    name: '¡Oh My GlobZ Mucho Party!',
    description: 'Test',
    websiteUrl: 'http://www.youtube.com/watch?v=hCBc2mWXeu4&'
},
{
    id: 3,
    name: '90s Arcade Racer',
    description: 'Test',
    websiteUrl: 'http://www.kefsensei.com'
}
];

这是我的索引.html：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
    <link href="/sass/main.css" media="screen" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <script type="text/x-handlebars" data-template-name="games">
      <div class="container_12">
        <ul class="games">
          {{#each}}
            <li>
              <div class="description grid_8">
                <h1>{{name}}</h1>
                <p>Description:{{description}}</p>
              </div>
              <div class="categorization grid_4">
              </div>
            </li>
          {{/each}}
        </ul>
      </div>
    </script>
    <script src="/javascripts/vendor.js" type="text/javascript"></script>
        <script src="/javascripts/application.js" type="text/javascript"></script>
  </body>
</html>

这是我的路由器： App.Router.map（function （） { this.resource（'games'， { path： '/' }）; });

App.GamesRoute = Ember.Route.extend({
        model: function() {
        return this.store.find('game');
    }
});

无论我做什么，当我导航到应用程序的根目录时绑定和显示的模型的唯一属性是"name"属性。

如果我更改"name"属性的名称，它将不再绑定。说明属性不绑定。

我做错了什么？

您需要

定义模型的属性

App.Game = DS.Model.extend({
    name: DS.attr('string'),
    description: DS.attr('string'),
    websiteUrl: DS.attr('string'),
    isCompleted: DS.attr('boolean')
});

http://emberjs.jsbin.com/OxIDiVU/101/edit

相关内容

最新更新

热门标签：