Javascript Aurelia是否使用if.bind和条件？

我正在实现一个包含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>

.show{display:block；}
.hide{display:none；}

---

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

太棒了！请注意：为了使其工作，我需要将“currentView===I”条件更改为使用双等于而不是三等于。很高兴这有帮助。如果需要使用

=

，则

当前视图

必须是

字符串

，而不是问题中不明显的

数字。我建议您适当地调整类型，以便可以使用严格的相等。虽然这会起作用，但对于要显示的每个视图，使用不同的视图/视图模型，并使用路由器或
compose
元素使其工作，可能是更好/更干净的主意