켜짐 상태에서 비활성화 된 옵션이 필요합니다.

Question

꺼짐 전원 선택을 사용하여 일부 옵션을 비활성화 된 상태로 표시해야합니다. 진행 방법을 알지 못한다면 옵션은 서버 측 값에 따라 동적으로 비활성화 된 입니다.

{{#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; 
}