ember-power-select、間違った表示、間違ったデータの問題

Question

私はember-power-selectで小さな問題があります。フォームでは、論理または物理のいずれかに値を設定したいので、ember-power-selectを使用することにしました。これは正しく動作しますが、ember-power-selectを使ってフォームの値を変更すると、ディスプレイは同じです。つまり、論理の値がフィジカルであっても表示されます。
ここではテンプレートです：

{{#form.element label=(t 'type')}} 
 
    {{#power-select 
 
    selected=selectedType 
 
    searchEnabled=false 
 
    options=allType 
 
    onchange=(action (mut zone.type)) 
 
    placeholder=(t 'type_zone') 
 
    as |type|}} 
 
    {{/power-select}} 
 
{{/form.element}}

そして、ここでコンポーネントです：

allType: ['Logical', 'Physical'], 
 
selectedType: 'Logical'

とモデル：

このパワー・セレクトに関連

type: DS.attr('string')

すべてがここにあります。

Answer 1

selected=selectedselected=selectedTypeに変更してください。

selectedTypeを選択して、選択したプロパティを維持する必要があります。

---

我々はselectedTypeを削除し、選択したタイプとしてzone.typeを使用し、これを試してみてください。

ここ

selected=zone.typeとonchange=(action (mut zone.type)) onchangeアクションがzone.typeに選択された値を設定します。 selected=zone.typeを選択するだけで、選択した変更が維持されます。