如何折叠AngularJS子行？

Question

让我试着解释一下我想做什么：

我有一个数据库中的对象（类别）列表，它有一个idCategory，nameCategory和idParentCategory。例如：

＆＃13;

＆＃13;

<table>
  <thead>
    <th>idCategory</th>
    <th>nameCategory</th>
    <th>idParentCategory</th>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Category 1</td>
      <td align="right">0</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Category 2</td>
      <td align="right">0</td>
    </tr>
    <tr>
      <td>3</td>
      <td>SubCategory 1.1</td>
      <td align="right">1</td>
    </tr>
    <tr>
      <td>4</td>
      <td>SubCategory 1.2</td>
      <td align="right">1</td>
    </tr>
    <tr>
      <td>5</td>
      <td>SubCategory 2.1</td>
      <td align="right">2</td>
    </tr>
    <tr>
      <td>6</td>
      <td>SubCategory 2.2</td>
      <td align="right">2</td>
    </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

我希望在表格中显示这些数据，当我点击其父类别时，子类别将被隐藏和显示。

有人可以帮助我吗？！

更新

我试过这样的事：http://jsfiddle.net/e052wzzx/2/ 但我在第三级失败了:(