Ember.js 更新Emberjs中的textarea模型

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

我有一个包含开关和表单的组件。 该开关更改用于生成表单的模型。 在上述表单中,我有一个textarea,其值来自模型。当我更新组件中的模型时,textarea被弯曲为正确的模型,但其内部的值不会更新。我不知道怎么做

我用的是余烬1.13

以下是我的组件:

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被正确启用/禁用


谢谢你的帮助。

我不太清楚到底发生了什么-但我试着举一个小例子/也许会有帮助-但这很幼稚: