我想突出显示所选的导航元素,因此我将属性绑定到导航栏的li,如下所示:
<li {{bindAttr class="isHome:active"}}>{{#linkTo 'home'}}Home{{/linkTo}}</li>
正确评估属性并添加正确的类 - 但不添加到li,而是将其添加到a中,结果是:
<li class="" data-bindattr-1="1"><a id="ember237" class="ember-view active" href="#/home">Home</a></li>
这里的标记是否有问题,或者这是一个错误?!
答案 0 :(得分:3)
这里发生了两件事:
isHome
属性未应用于您的li
{{linkTo}}
帮助程序会在链接指向的路由处于活动状态时为其添加active
类。这让你觉得active
课程正在被移动。您可以尝试记录isHome
属性(通过{{log isHome}}
),看看它是否符合您的预期。