Ember,没有名为联系错误的路线

时间:2016-07-07 11:36:31

标签: ember.js ember-cli

我是Ember的新手。我使用的是最新版本 2.6.2 。我正在努力寻找一条路线。当我进入联系人页面时,我收到如下错误错误:没有名为contact的路由

我的app / route.js

Router.map(function() {
  this.route('contacts', function() {
    this.route('show', { path: '/:contact_id' });
  });
});

我的app / routes / contacts / index.js

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

我的app / templates / contacts / index.hbs

<ul>
  {{#each model as |contact|}}
    <li>
      {{#link-to 'contact' contact}}
      {{contact.lastName}},
      {{contact.firstName}}
      {{/link-to}}
    </li>
  {{else}}
    <li>No contacts found.</li>
  {{/each}}
</ul>

我的app / models / contact.js

import DS from 'ember-data';

export default DS.Model.extend({
  firstName: DS.attr('string'),
  lastName: DS.attr('string'),
  email: DS.attr('string'),
  title: DS.attr('string'),
  createdAt: DS.attr('date'),
  updatedAt: DS.attr('date')   
});

感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

如果link-to链接到路线中找不到的路线,您将收到该错误。

您在router.js 1 contacts 2中有两条命名路线。contacts.show

更改您的app/templates/contacts/index.hbs文件。

<ul>
  {{#each model as |contact|}}
    <li>
      {{#link-to 'contacts.show' contact}}
        {{contact.lastName}},
        {{contact.firstName}}
      {{/link-to}}
    </li>
  {{else}}
    <li>No contacts found.</li>
  {{/each}}
</ul>