javascript - Aurelia 在条件下使用 if.bind？

Question

我正在实现一个包含 10 个视图的页面，这些视图基于一个名为 currentView 的变量来隐藏/显示。

我使用 ${} 语法和我自己的隐藏/显示类来工作......

<style>
.show { display: block; }
.hide { display: none; }
</style>

<div class="view0 ${currentView == 0 ? 'show' : 'hide'}"></div>
<div class="view1 ${currentView == 1 ? 'show' : 'hide'}"></div>
<div class="view2 ${currentView == 2 ? 'show' : 'hide'}"></div>
<div class="view3 ${currentView == 3 ? 'show' : 'hide'}"></div>
<div class="view4 ${currentView == 4 ? 'show' : 'hide'}"></div>
<div class="view5 ${currentView == 5 ? 'show' : 'hide'}"></div>
<div class="view6 ${currentView == 6 ? 'show' : 'hide'}"></div>
<div class="view7 ${currentView == 7 ? 'show' : 'hide'}"></div>
<div class="view8 ${currentView == 8 ? 'show' : 'hide'}"></div>
<div class="view9 ${currentView == 9 ? 'show' : 'hide'}"></div>

...但我想知道是否有一种简单的方法可以使用 if.bind 完成同样的事情？