从Handlebars传递数据到Ember JS

时间:2012-07-06 03:50:37

标签: ember.js handlebars.js

我有一个菜单栏,其状态/颜色等在单击时会发生变化。这些属于不同的JSP / HTML页面。当我点击页面时,有一个把手#bindAttr,它决定了每个标签menuitem的类。例如,

<li id="index" {{#bindAttr class="active"}}>
<a href="./index.jsp">
<i class="icon-dashboard"></i>
<span>Dashboard</span>
</a>
</li>

我在这里需要的是传递其他东西,以便计算属性可以根据location.href找出该类是否应该为true。有没有办法将“li”标签的id传递给计算属性“active”

1 个答案:

答案 0 :(得分:0)

解决了它。自定义HandleBar助手功能

<li {{activetab "index.jsp"}}> 

Handlebars.registerHelper("activetab", function(tabname) { 
var currentPage = window.location.href; console.log(currentPage); if(currentPage.indexOf(tabname)!=-1){
 return "class=active"; 
} 
else{ 
 return ""; 
} 
});