하나의 조건부 검사에서 두 변수에 대한 조건부 검사를 작성할 수 있습니까?

Question

두 조건이 단추를 비활성화해야하는지 확인해야하는 경우가 있습니다.

샘플 코드, 내가 가지고있는 방법은

<div class="{{if isallowed 'notallowed'}} {{if isloading 'notallowed'}}">Submit</div> 

감사했다.

Answer 1

우리는 도우미를 사용하여이를 달성 할 수 있습니다.

나는 이것을 위해 도우미를 만들었고 나를 위해 잘 작동했다.

도우미 'isany-진정한'

import Ember from 'ember'; 

export function anytrue(params) { 
    return params.includes(true) 
} 

export default Ember.Helper.helper(anytrue); 

예

<div class="{{if (isany-true isdisableprev isloading) 'notallowed'}}">Submit</div> 

Answer 2

당신은 이런 식으로 작업을 수행 할 수 있습니다 나는 일반적인 경우에 대한 ember-truth-helpers를 사용하여 좋아

<div class={{unless isallowed 'notallowed' (if isloading 'notallowed')}}>Submit</div> 

Answer 3

:

{{#if (and foo bar)}} foobar! {{/if}}

클래스 (부품 만 해당) 조정, 나는이 classNameBindings를 사용합니다.

classNameBindings: [isUrgent]

이 추가 클래스입니다 긴급 구성 요소에 isUrgent 구성 요소 컨텍스트에 해당하는 경우.