Ember:如何在没有模型的情况下获得简单的表单数据?

时间:2017-03-23 17:10:02

标签: ember.js

我尝试从表单输入中获取单个字符串并将其记录到控制台。有没有办法在不使用Ember数据模型的情况下执行此操作?

这里是Handlebars中的表单组件:

// my-form.hbs
<form {{action "grabNewEmail" on="submit"}}>
  {{input value="Your Email Address"}}
  <button class="btn btn-primary">Get Early Access</button>
</form>

以下是该组件的当前代码:

// my-form.js
import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
    grabNewEmail() {
      let email = /* I want to get this string from the input on submit */
      console.log(email);
    }
  }
});

是否可以简单地获取输入字符串,或者我是否需要创建模型?

谢谢!

1 个答案:

答案 0 :(得分:1)

您可以使用组件属性来存储和检索数据,而不是使用模型。

在你的hbs:

{{input value=newEmailAddress}}

在您的组件中,您可以:

export default Ember.component.extend({
    newEmailAddress: "",  // Not really needed, just to be explicit that this variable exists in the component.
    actions: {
        grabNewEmail () {
            let email = this.get('newEmailAddress');
        }
    }
});