Ist es möglich, bedingte Prüfung für zwei Variablen in einer bedingten Prüfung zu schreiben

Question

Ich habe einen Fall, in dem zwei Bedingung für die Deaktivierung Schaltfläche überprüfen müssen.

Beispielcode, die Art und Weise Ich habe

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

Dank.

Answer 1

können wir dies erreichen, indem Sie helper verwenden.

Ich habe Helfer dafür geschaffen und funktioniert gut für mich.

Helper 'isany-true'

import Ember from 'ember'; 

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

export default Ember.Helper.helper(anytrue); 

Beispiel

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

Answer 2

Sie können es wie folgt tun:

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

Answer 3

I ember-truth-helpers für den allgemeinen Fall mit wie:

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

Für die Klassen (Komponenten nur) zwicken, ich classNameBindings verwenden.

classNameBindings: [isUrgent]

Dies fügt Klasse-dringlich Komponente, wenn isUrgent wahr in Komponentenkontext ist.