Ember.js 在Ember 2.2中创建表单选择列表
嗨,我正在尝试创建一个选择列表作为登录表单的一部分。表单提交并传递两个输入文本值,但看不到选择列表Ember.js 在Ember 2.2中创建表单选择列表,ember.js,Ember.js,嗨,我正在尝试创建一个选择列表作为登录表单的一部分。表单提交并传递两个输入文本值,但看不到选择列表 <form id="form-login" {{action 'authenticate' on='submit'}}> <fieldset> {{input id='identification' value=identification placeholder='Username'}} {{input id='password'
<form id="form-login" {{action 'authenticate' on='submit'}}>
<fieldset>
{{input id='identification' value=identification placeholder='Username'}}
{{input id='password' value=password placeholder='Password' type='password'}}
<select id="language" name="language">
<option value="ENG">English</option>
<option value="">Not English</option>
</select>
</fieldset>
{{#if errorMessage}}
<div>
<strong>Login failed:</strong> {{errorMessage}}
</div>
{{/if}}
<button type="submit" class="btn btn-default">Login</button>
</form>
那是我能找到的唯一一页他们的文档
谢谢 需要在上下文中设置所选值。目前根本没有设置该值 控制器
import Ember from 'ember';
export default Ember.Controller.extend({
language: 'English',
languages: ['English', 'Non English'],
actions: {
authenticate() {
// Set values from form and submit to server...
}
}
});
模板
<form id="form-login" {{action 'authenticate' on='submit'}}>
<fieldset>
{{input id='identification' value=identification placeholder='Username'}}
{{input id='password' value=password placeholder='Password' type='password'}}
<select onchange={{action (mut language) value="target.value"}} id="language" name="language">
{{#each languages as |languageChoice|}}
<option value={{languageChoice}} selected={{eq language languageChoice}}>{{languageChoice}}</option>
{{/each}}
</select>
</fieldset>
{{#if errorMessage}}
<div>
<strong>Login failed:</strong> {{errorMessage}}
</div>
{{/if}}
<button type="submit" class="btn btn-default">Login</button>
</form>
{{input id='identification'value=标识占位符='Username'}
{{input id='password'value=密码占位符='password'type='password'}
{{{每种语言作为{语言选择}
{{languageChoice}}
{{/每个}}
{{{#如果错误消息}
登录失败:{{errorMessage}
{{/if}
登录
以下是正在进行的所有操作。需要在上下文中设置所选值。目前根本没有设置该值 控制器
import Ember from 'ember';
export default Ember.Controller.extend({
language: 'English',
languages: ['English', 'Non English'],
actions: {
authenticate() {
// Set values from form and submit to server...
}
}
});
模板
<form id="form-login" {{action 'authenticate' on='submit'}}>
<fieldset>
{{input id='identification' value=identification placeholder='Username'}}
{{input id='password' value=password placeholder='Password' type='password'}}
<select onchange={{action (mut language) value="target.value"}} id="language" name="language">
{{#each languages as |languageChoice|}}
<option value={{languageChoice}} selected={{eq language languageChoice}}>{{languageChoice}}</option>
{{/each}}
</select>
</fieldset>
{{#if errorMessage}}
<div>
<strong>Login failed:</strong> {{errorMessage}}
</div>
{{/if}}
<button type="submit" class="btn btn-default">Login</button>
</form>
{{input id='identification'value=标识占位符='Username'}
{{input id='password'value=密码占位符='password'type='password'}
{{{每种语言作为{语言选择}
{{languageChoice}}
{{/每个}}
{{{#如果错误消息}
登录失败:{{errorMessage}
{{/if}
登录
以下是正在进行的所有操作。您链接中的此链接正是我需要的,谢谢!这个链接里面你的链接正是我需要的谢谢!