ember：绑定属性在错误的标记上计算

Question

我想突出显示一个选定的导航元素，所以我将一个属性绑定到导航栏的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> 

这里的标记是否有问题，或者这是一个错误？！

Answer 1

这里发生了两件事：

1. isHome属性未应用于您的li
2. 巧合的是， {{linkTo}}助手会在链接指向的路由active为其添加active类。

这让你觉得active类正在被移动。 您可以尝试记录isHome属性（通过{{log isHome}} ）以查看它是否符合您的预期。