每当用户更改选择组件时,我都试图获取该值。但是该值始终返回“ undefined”。
我已经遍历了所有Stackoverflow问题和其他站点,但没有成功。我觉得我在这里想念什么。我正在使用Ember 2.8。
我的组件模板:
<div class="form-group">
<label for="{{selectId}}">{{selectTitle}}</label>
<select name="{{selectId}}" id="{{selectId}}" class="form-control" {{action "getSelectValue" on="change" value="target.value"}}>
<option value="0" selected>{{selectDefault}}</option>
{{#each model as |choice|}}
<option value={{choice.id}}>{{choice.name}}</option>
{{/each}}
</select>
</div>
我的组件逻辑:
import Ember from 'ember';
export default Ember.Component.extend({
tagName: '',
currentValue: null,
actions: {
getSelectValue(value) {
console.log(value); //always returns undefined
}
}
});
我这样称呼它:
{{select-control model=model.tasks selectTitle="Task" selectDefault="Choose Task" selectId="taskSelect"}}
在模板中,我还使用了onchange =“ {{action ...}}”“语法,但是没有调用该动作。
此时,我的路由或控制器中都没有逻辑来处理此问题。
谢谢你的帮助!
<select name="{{selectId}}" id="{{selectId}}" class="form-control" {{action "getSelectValue" on="change" value="target.value"}}>
将上面的行更改为
<select name="{{selectId}}" id="{{selectId}}" class="form-control" onchange={{action "getSelectValue" value="target.value"}}>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句