成员路由模型()错误和模型()数据不显示在相关的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)

在相关的hbs模板中没有显示来自route.model() 的数据

​

我做错什么了？

Answer 1

试试看：

my-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>

我认为一些旧的把手表达方式是不推荐的，比如bind-attr。

Answer 2

这个错误说第17行有语法错误，有};修复这个错误需要删除;。

• each块语法更改{{#each model as |item|}}
• 删除了不推荐的bind-attr。您可以像其他属性绑定class={{className}}一样使用它。

旋转连杆