Ember.js 更新Emberjs中的textarea模型
我有一个包含开关和表单的组件。 该开关更改用于生成表单的模型。 在上述表单中,我有一个textarea,其值来自模型。当我更新组件中的模型时,textarea被弯曲为正确的模型,但其内部的值不会更新。我不知道怎么做 我用的是余烬1.13 以下是我的组件:Ember.js 更新Emberjs中的textarea模型,ember.js,data-binding,components,Ember.js,Data Binding,Components,我有一个包含开关和表单的组件。 该开关更改用于生成表单的模型。 在上述表单中,我有一个textarea,其值来自模型。当我更新组件中的模型时,textarea被弯曲为正确的模型,但其内部的值不会更新。我不知道怎么做 我用的是余烬1.13 以下是我的组件: import Ember from 'ember'; const { computed } = Ember; export default Ember.Component.extend({ // Properties switchF
import Ember from 'ember';
const { computed } = Ember;
export default Ember.Component.extend({
// Properties
switchField: null,
defaultModel: null,
specificModel: null,
activeModel: computed('switchField', 'defaultModel', 'specificModel', function() {
if (this.get('switchField')) {
return this.get('defaultModel');
} else {
return this.get('specificModel');
}
}),
editDisabled: computed('switchField', function() {
if (this.get('switchField')) {
return true;
} else {
return false;
}
}),
renderSwitch: function() {
Ember.run.schedule('afterRender', this, function() {
$('.toggle-switch').bootstrapToggle();
});
}.on('init'),
actions: {
reflectChange: function(value) {
this.set('switchField', value);
this.rerender();
}
}
});
模板:
<div class="col-xs-12">
<input data-toggle="toggle" data-onstyle="success" data-offstyle="danger" class="toggle-switch" type="checkbox" checked={{switchField}} onchange={{action "reflectChange" value="target.checked"}} />
<br>
<br>
</div>
{{ yield activeModel editDisabled }}
{{yield activeModel editDisabled}
以及如何使用:
{{#inherit-switch switchField=warehouse.companyInheritance.inheritCarrierProcedure defaultModel=company specificModel=warehouse as |activeModel editDisabled|}}
<div class="col-xs-12">
{{#form-group value=activeModel.errors.carrierProcedure }}
<label class="control-label" for="carrierProcedure">Procédure coursier</label>
{{textarea class="form-control" id="carrierProcedure" value=activeModel.carrierProcedure disabled=editDisabled}}
{{/form-group}}
</div>
{{/inherit-switch}}
{{{#继承开关开关字段=warehouse.companyInheritance.inheritarierProcedure defaultModel=公司特定模型=仓库为| activeModel editDisabled |}
{{#form group value=activeModel.errors.carrierProcedure}
诉讼程序
{{textarea class=“form control”id=“carrierProcedure”value=activeModel.carrierProcedure disabled=editDisabled}
{{/形式组}
{{/继承开关}
我试图重新加载组件,但它不起作用。
我不明白为什么值没有改变,因为当我切换开关时,textarea被正确启用/禁用
谢谢你的帮助。我不太清楚到底发生了什么-但我试着举一个小例子/也许会有帮助-但这很幼稚: