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

Question

我遇到两种情况需要检查禁用按钮的情况。

示例代码，我的方式

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

感谢。

Answer 1

我喜欢将ember-truth-helpers用于一般情况：

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

对于调整类（仅限组件），我使用classNameBindings。

classNameBindings: [isUrgent]

如果在组件上下文中isUrgent为true，则会向组件添加is-urgent类。

Answer 2

我们可以通过使用帮助器来实现这一点。

我已经为此创建了帮助，并为我工作。

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