1つの条件チェックで2変数の条件チェックを書くことは可能ですか

Question

ボタンを無効にするために2つの条件をチェックする必要があるケースがあります。

サンプルコード、私が持っている方法は

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

感謝をしました。

Answer 1

私たちはヘルパーを使ってこれを達成することができます。

私はこのためにヘルパーを作成してくれて、うまく動作しています。

ヘルパー 'isany-true' に

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は、コンポーネントのコンテキストで真である場合に追加されます。