Angular JS：僅當ng-repeat有成員時才顯示項目？

Question

我有json數據，其中一系列對象都有一個數組“選項”。 有些商品在此數組中有商品，有些則沒有，例如

{
  "label": "ORDERS",
  "enabled": true,
  "selected": true,
  "options": [
    {
      "label": "Edit addresses",
      "value": true
    },
    {
      "label": "Cancel orders",
      "value": true
    },
    {
      "label": "Uncancel orders",
      "value": false
    }
  ]
},
{
  "label": "FOO",
  "enabled": true,
  "selected": false,
  "options": [

  ]
},

如您所見，ORDERS有選項，而FOO沒有。

這導致布局如下：

我在轉發器數據，允許的標頭和復選框之外有項目。

我只想在options數組包含項目時顯示這些內容。 這是我布置的方式： http : //plnkr.co/edit/QLY9311r4nSCRUolKvLs?p=preview

我不知道如何隱藏沒有選項數組的行上帶有“允許的”標題和復選框的行：

Answer 1

這樣行嗎？

    <tr ng-if="t.options.length">
      <td colspan="2"></td>
      <td align="center">Allowed</td>
    </tr>
    <tr ng-if="t.options.length">
      <td colspan="2"></td>
      <td align="center">
        <input type="checkbox" name="" id="" />
      </td>
    </tr>
    <tr ng-repeat="o in t.options">
      <td></td>
      <td>{{o.label}}</td>
      <td align="center">
        <input type="checkbox" ng-model="o.selected" />
      </td>
    </tr>