ember.js 使用ember-bootstrap自定义元素变更变更集字段值

gwo2fgha  于 2022-11-05  发布在  Bootstrap
关注(0)|答案(1)|浏览(150)

我在Ember 3.15(辛烷)上。使用以下设置
样板

<MyComponent
  @changeset={{changeset this.model this.MyValidationClass}}
  @onSubmit={{this.save}}
/>

组成部分

<BsForm {{on 'submit' (fn this.submit @changeset)}}
  @model={{@changeset}}
  @formLayout="horizontal"
  as |form|>

  <form.element
    @label="My Custom Field"
    @property="myField" as |el|>

    <BsButtonGroup
      @value="{{el.value}}"
      @type="radio"
      @onChange="{{action (changeset-set @changeset 'myField') 'target.value'}}" 
      as |bg|>

      {{#each @changeset.options as |option|}}      // options is a string array ['first', 'second', 'third']
        <bg.button
          @type="info"
          @value="{{option}}">
          {{option}}
        </bg.button>
      {{/each}}

    </BsButtonGroup>
  </form.element>
</BsForm>

我面临的问题是,当我改变单选按钮选择时,changeset-set不会改变myField的值。

@onChange="{{action (mut el.value)}}

@onChange="{{action (changeset-set @changeset 'episodeType') this.target.value}}"

@onChange="{{action (changeset-set @changeset 'episodeType') this.buttonGroupValue}}"
e4eetjau

e4eetjau1#

正如在注解中提到的,您的代码片段中有一些格式错误的模板代码。
curl 不应该用双引号括起来,因为它应该被视为动态内容,而不是字符串。
固定模板应该会有帮助。

相关问题