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

时间:2013-01-14 07:46:43

标签: attributes ember.js bind handlebars.js

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

这里的标记是否有问题,或者这是一个错误?!

1 个答案:

答案 0 :(得分:3)

这里发生了两件事:

  1. isHome属性未应用于您的li
  2. 巧合的是,{{linkTo}}帮助程序会在链接指向的路由处于活动状态时为其添加active类。
  3. 这让你觉得active课程正在被移动。您可以尝试记录isHome属性(通过{{log isHome}}),看看它是否符合您的预期。