当我们在使用 Ember.js 进行前端开发时，经常会遇到需要对条件表达式进行处理的情况。比如，我们需要判断一个值是否为真，或者是否是一个空数组。当然，我们可以使用 Ember.js 这样一个强大的框架提供的一些内置的帮助函数来实现这些功能，但是如果你想编写一些更为复杂的条件表达式，那么使用 Ember 自带的帮助函数就有些力不足了。此时，一个非常好用的 npm 包——ember-truth-helpers，就应运而生了。
在本文中，我们将通过一个简单的示例来详细介绍 ember-truth-helpers 这个 npm 包的使用方法。
安装 ember-truth-helpers
首先，我们需要在项目中安装 ember-truth-helpers，安装的过程非常简单，只需要在终端中输入以下命令：
npm install --save-dev ember-truth-helpers
安装完成之后，我们需要在ember-cli-build.js中引入安装的npm包
-- -------------------- ---- ------- ----- --- - --- ------------------ - ------------------ - ---------------- ---- -- ---------------------- - ----- ---------------- - -- --- ---展开代码
使用 ember-truth-helpers 实现条件表达式
在了解了如何安装 ember-truth-helpers 之后，让我们来看看如何使用它来实现条件表达式。我们需要在模板文件中使用以下内容：
-- -------------------- ---- ------- ----- ------------- ------- ---- ------- ---- -- -------- ----------------- --------- ----- -------- ------ ---- -- ---------- -------展开代码
通过上述代码，我们实现了一个非常简单的示例：我们通过is-not-empty来判断列表的元素是否存在，如果列表不为空，那么就将每一个元素都呈现为一个<li>元素，否则就显示一个<p>元素，提示用户列表为空。
除了is-not-empty这个 helper 之外，ember-truth-helpers 还提供了对其他条件表达式的支持，比如：
is-equal用于判断两个值是否相等is-greater-than用于判断一个值是否大于另一个值is-less-than用于判断一个值是否小于另一个值is-undefined用于判断一个对象或属性是否为 undefined- ...
根据不同的需要，你可以选择不同的 helper。
结语
在这篇文章中，我们通过一个简单的示例，详细介绍了如何使用 ember-truth-helpers 这个 npm 包来实现条件表达式。相信读完本文之后，你已经能够理解并高效地使用 ember-truth-helpers 了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60088
