Ember route-action不是辅助错误

时间:2018-03-05 11:30:10

标签: ember.js

我已经看过另外一个这样的问题而无法找到解决方案。我正在尝试完成一个简单的教程来创建一个阅读列表,但是我得到了错误(如标题中所述)。

这是我的申请路线:



import Ember from 'ember';
import db from '../utils/db';

export default Ember.Route.extend({

  model() {
    return db.books();
  },

  actions: {

    addBook(book) {
      db.addBook(book);
      this.refresh();
    }

  }

});




这是我的阅读清单组件:



import Ember from 'ember';

export default Ember.Component.extend({

  title: "",

  actions: {

    onEnter() {
      const title = this.get('title');
      if (title) {
        this.get('addBook')({ title });
      }
      this.set('title', "");  // reset title
    }

  }

});




这是我的申请模板:



<h1>Reading list</h1>

{{reading-list books=model addBook=(route-action "addBook")}}

{{outlet}}
&#13;
&#13;
&#13;

这是我的阅读清单模板:

&#13;
&#13;
{{one-way-input
  title
  update=(action (mut title))
  keyEvents=(hash
    13=(action 'onEnter')
  )
}}

<ul>
{{#each books as |book|}}
  <li>{{ book.title }}</li>
{{/each}}
</ul>
&#13;
&#13;
&#13;

我已经安装了插件: ember安装ember-one-way-controls ember install ember-route-action-helper

任何人都可以指出我正确的方向。我是一名完整的初学者。

我从db.js文件中的数组中获取一些数据。

0 个答案:

没有答案