ember power selectで無効なオプションが必要

Question

ember power selectを使用すると、いくつかのオプションを として無効にする必要があります。続行する方法がわからない、オプションはサーバー側の値に基づいて動的に無効になる になります。

{{#power-select options=names onchange=(action "foo") as |name|}} 
    {{name}} 
{{/power-select}} 

Answer 1

私はまだそれを試してみましたが、何を行うことができますすることは値を無効にするかどうか、を決定するヘルパー（should-be-disabledを言うことができます）を書いて、ヘルパーを返した場合、それにCSSクラスを追加することですしていません本当。使い方は次のようになります：

は

{{#power-select options=names onchange=(action "foo") as |name|}}  
    <span class={{if (should-be-disabled name) 'item-disabled'}}>{{name}}</span> 
{{/power-select}} 

あなたの項目-無効なクラスは次のようになります。

レミの答えが正しい方向に確かにあるが、私はそれを議論することをお勧めします@

.item-disabled { 
    color: gray; 
    pointer-events: none; 
    cursor: not-allowed; 
}