Is it possible to write conditional check for two variable in one conditional check

Question

I have a case where two condition need to check for disabling button.

sample code , the way i have did

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

Thanks.

Answer 1

we can achieve this by using helper.

I have created helper for this and working fine for me.

Helper 'isany-true'

import Ember from 'ember';

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

export default Ember.Helper.helper(anytrue);

Example

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

Answer 2

I like using ember-truth-helpers for the general case:

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

For tweaking classes (components only), I use classNameBindings.

classNameBindings: [isUrgent]

This adds class is-urgent to component if isUrgent is true in component context.

Answer 3

You can do it like this:

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