Ember route model() 错误和model() 数据未显示在相关hbs 模板中

Question

代码： https://gist.github.com/dmitry-saritasa/85d2b73b7f28903486e61cfa719ccdd1

你可以在这里玩 https://ember-twiddle.com/85d2b73b7f28903486e61cfa719ccdd1?openFiles=routes.my-route.js%2C&route=%2Fmy-route

export default Ember.Route.extend({
  model: function() {
    var companies = [{
      "name" : "Google",
      "headquarters": "Mountain View, California, United States of America",
      "revenue":"59825000000"
    },{
      "name" : "Facebook",
      "headquarters":"Menlo Park, California, United States of America",
      "revenue":"7870000000"
    },{
      "name" : "twitter",
      "revenue": "664000000",
      "headquarters":"San Francisco, California, United States of America"
    }];
    return companies;
  };
});

出现以下错误

ember-twiddle-f01fea9….js:2 SyntaxError: routes/my-route.js: unknown: Unexpected token (17:3)
    }];
    return companies;
  };
});
    at t.default.raise (vendor-9da9463….js:75)
    at t.s.unexpected (vendor-9da9463….js:76)
    at t.s.expect (vendor-9da9463….js:76)
    at t.s.parseObj (vendor-9da9463….js:75)
    at t.s.parseExprAtom (vendor-9da9463….js:75)
    at t.parseExprAtom (vendor-9da9463….js:77)
    at t.s.parseExprSubscripts (vendor-9da9463….js:75)
    at t.s.parseMaybeUnary (vendor-9da9463….js:75)
    at t.s.parseExprOps (vendor-9da9463….js:75)
    at t.s.parseMaybeConditional (vendor-9da9463….js:75)

加上来自 route.model() 的数据 未在关联的 hbs 模板中显示

我做错了什么？

Answer 1

错误说第 17 行有语法错误，你有 }; 来修复这个错误需要删除 ;
- each 块语法已更改 {{#each model as |item|}}
- 删除了已弃用的 bind-attr。您可以像其他属性绑定一样直接使用它 class={{className}}

Twiddle link

Answer 2

试一试：

我的-route.hbs

my-route
<hr size=1 />
{{input type="text" value=firstName disabled=nameDisabled size="40"}}

<table id="t01">
 <tr>
   <th>Company Name</th>
   <th>Headquarters</th>
   <th>revenue</th>
 </tr>
 {{#each model as |item|}}
 <tr>
  <td >{{item.name}}</td>
  <td class={{className}}>{{item.headquarters}}</td>
  <td>{{item.revenue}}</td>
 </tr>
 {{/each}}
</table>
<button {{action "toggleColor"}}> Change color </button>

我相信一些旧的 handlebars 表达式已被弃用，例如 bind-attr。

Ember route model() 错误和model() 数据未显示在相关hbs 模板中

Ember route model() error and model() data is not displayed in related hbs template

ember.js

ember-cli

我做错了什么？