访问表单上输入帮助程序的属性

Accessing properties of input helpers on form

本文关键字：帮助程序 属性 输入 访问表 表单 访问      更新时间：2023-09-26

我正试图在我的数据库中创建一本新书，但我的布局非常不同，我的表单中没有提交按钮，他在外面，比如：

<form>
 <label>Name</label>
 {{input value=book.name}}
</form>
<button>Create</button>

所以。。我试着这样做：

我在routes/books/new.js:中返回一个对象

export default Ember.Route.extend(AuthenticatedRouteMixin, {
  model () {
    return {
      name: 'test',
    };
  },
  setupController (controller, model) {
    controller.set('book', model);
  }
});

在我的按钮中，我有动作保存。所以，当有人点击时，在我的controller/books.js中，我有：

actions: {
 save () {
   console.log(this.get('book');
 }
}

这是返回undefined。

将controller/books.js封装到Ember的控制器中。

import Ember from 'ember';
export default Ember.Controller.extend({
    actions: {
        save () {
            console.log(this.get('book')); 
                                     // ^ don't forget the parenthese here.
        }
    }
});

请按原样尝试，并在评论中告诉我。

相关文章：