ember.js - 选择孩子何时活跃的优雅方式

Answer 1

虽然我仍然希望看到我最初所说的问题的答案，但我现在采用的解决方法是根本不使用表格。我已经在我的网站的其余部分使用基于 Bootstrap 的 CSS 布局，所以我决定使用流畅的布局而不是表格：

<script type="text/x-handlebars" data-template-name="_folderList">
  <div id="folder-list">
        <div class="container-fluid list-header">
          <div class="row-fluid">
            <div class="span5">Name</div>
            <div class="span7">Date Created</div>
          </div>
        </div>
      {{#each folder in controller}}
        {{#linkTo "folder" folder }} 
          <div class="container-fluid list-item">
            <div class="row-fluid">
              <div class="span5">
                <i class="icon-folder-close"></i> {{ folder.folder_name }} 
              </div>
              <div class="span7">
                {{ prettyDate folder.created_date}}
              </div>
            </div>
          </div>
        {{/linkTo}}
      {{/each}}
  </div>
</script>

这使我可以使用 {{#linkTo}} 将整个“行”与锚点包裹起来，并相应地设置整行的样式。

Answer 2

您可以使用bindAttr来切换类名。例如，如果您将状态保存在isSelected控制器的属性中，然后保存在模板中。

<tr {{bindAttr class='isSelected:active'}}>

activecss 类名在哪里。