ember.js - 从 Handlebars 向 Ember JS 传递数据

Question

我有一个菜单栏，单击时其状态/颜色等会发生变化。这些属于不同的 JSP/HTML 页面。当我单击页面时，有一个把手 #bindAttr 决定每个选项卡式菜单项的类。例如

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

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

Answer 1

解决了。自定义 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 ""; 
} 
});