handlebars.jsに3項演算子がありますか？

Question

ハンドルバーには三項演算子がありますか？私はif elseを意味しません。私はa == true ? "a" : "b"のようになります。

Answer 1

本当にしたい場合は、独自のヘルパーをビルドすることができます。 ternary(a==true, "a", "b")のようなものです。詳細については、documentationを参照してください。 m90のアイデアは、ハンドルバーの背後にあるアイデアではありません。このアイデアはテンプレートに明示的なコードを持たず、ヘルパーとオブジェクトだけを呼び出すことです。

Answer 2

ifヘルパーは、3つの引数を渡すことで3項演算子として使用できます。

次の例では、ボタンのデフォルト値は"Save Changes"ですが、model.isSavingがtrueの場合、値は一時的にSaving...に変更されます。

<button>{{if model.isSaving "Saving..." "Save Changes"}}</button> 

...代わりに、別のヘルパー内で使用される：

{{input type="submit" value=(if model.isSaving "Saving..." "Save Changes")}} 

Answer 3

私はこのためにヘルパーを持っている（他のヘルパーは内部でも使用できることに注意を払う） https://gist.github.com/terion-name/d87ed8907f1bb2e25f32

// app/helpers/iftrue.js 
import Ember from 'ember'; 

export function iftrue(params) { 
    if (params[0]) { 
    return params.length === 2 ? params[0] : params[1]; 
    } 
    if (params.length === 2) { 
    return params[1]; 
    } else if (params.length === 3) { 
    return params[2]; 
    } 
    return null; 
} 

export default Ember.Helper.helper(iftrue); 

2つのパラメータを使用すると、最初のパラメータがtrueと評価された場合は印刷され、それ以外の場合は2番目のパラメータ

三つのパラメータで10

{{iftrue project.price 'N/A'}} // $9.99 
{{iftrue project.priceNotAvailable 'N/A'}} // N/A 

：最初のパラメータがtrue第二に評価された場合には、印刷される、そうでなければ第3のコード以下

// If deadline is set formatted date will be printed, otherwise 'N/A' 
{{iftrue project.deadline (moment-format project.deadline 'DD.MM.YYYY') 'N/A'}} 

Answer 4

これは、評価式の三元または任意の種類のために使用することができます。

警告：evalを安全に使用できるシナリオでこのコードを使用してください。

{{#if (myfunc "(a[0] + 1) % 2 === 0" arg1)}} 

{{/if}} 

{{#if (myfunc "(a[0] + a[1]) % 2 === 0" arg1 arg2)}} 

{{/if}} 

ハンドルヘルパー関数

myfunc: (exp, ...a) => { 
    return eval(exp); 
    }