是否可以在一个条件检查中为两个变量编写条件检查

Question

我有一个情况需要检查两个条件来禁用按钮。

示例代码 ，我的做法

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

谢谢。

Answer 1

你可以这样做：

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

Answer 2

我喜欢在一般情况下使用 ember-truth-helpers：

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

为了调整 classes（仅限组件），我使用 classNameBindings。

classNameBindings: [isUrgent]

如果组件上下文中的 isUrgent 为真，这会将 class is-urgent 添加到组件。

Answer 3

我们可以使用 helper 来实现。

我为此创建了帮助程序并且对我来说工作正常。

帮手'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>

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