Emberjs点击链接后显示表格单元格

Question

我有一个根据数据库中的项目构建的表，它们包含我不想显示的敏感信息，直到您单击另一个表格单元格中包含的链接为止。

|item1|item2|click to show item3|(hidden span within cell)|

当您单击单元格3中的链接时，它将显示单元格4.我知道如何在典型的jquery中完成此操作，但我不确定如何在emberjs中完成此操作。有什么想法吗？

Answer 1

你的设置的JS小提示会使这更容易，但基本上你会在一个动作的控制器上设置一个属性。

 <span {{action showCell4}}>click to show item3</span>

控制器上的

具有showCell4操作：

 actions: {
      showCell4: function() {
           this.set('cell4visible', true);
      }
 }

然后为表添加一个类绑定

 <td {{bind-attr class="cell4visible:visibleClassName:hiddenClassName">
     sensitive info here
 </td>