Question

这是我的第一个Ember应用程序，我真的可以使用一些帮助。我创建了一个登录页面，每个玩家的名字都有两个输入字段。目标是在单击提交时捕获每个名称并将它们推送到模型（或商店？），以便我可以从另一个模板中检索它们。

以下是表单模板：

{{!-- templates/signin.hbs --}}
<div class="enterNames">
  <h2>Player Sign In</h2>
  <form {{action save on="submit"}} >
    <div class="p1input">
      {{input type="text" valueBinding="p1name" placeholder="Player 1" cols="60" rows="1"}}
    </div>
    <div class="p2input">
      {{input type="text" valueBinding="p2name" placeholder="Player 2" cols="60" rows="1"}}
    </div>
    <button>Submit</button>
  </form>
</div>

这是使用路线中的模型钩子完成的吗？如果是这样，那条路线会是什么样子？

Answer 1

您可以在signin.js控制器中定义p2name属性，并将其绑定到输入助手，如下所示，

{{input type="text" value={{p2name}} placeholder="Player 2" cols="60" rows="1"}}

因此，无论何时在文本字段中键入值，该值都将在p2name属性中可用。因此，您可以使用下面相应的控制器文件

将此控制器注入另一个模板

signCont: Ember.inject.controller('signin')

您可以使用{{signCont.p2name}}和js文件this.get('signCont.p2name')检索模板中的属性。请记住，您只能在控制器中注入控制器而不能在其他地方注入。

编辑：定义属性就像定义ember对象中的属性一样。我为你创建了twiddle。使用/game网址

进行检查

如何在Emberjs中检索表单数据

1 个答案: