Angularjs 基于作用域数组的html文本格式

我有一个范围数组

$scope.myArr = [{'id':'1','vehicle':'car'},{'id':'1','vehicle':'bike'}]

我需要在我的html页面中显示这些数据，如下所示

 |id|vehicle|
 |--|-------|
 |1 |car    |
 |2 |bike   |

---

有什么办法可以做到这一点。

像这样使用ng repeat

<tr>
    <th ng-repeat="(key, val) in myArr[0]">{{ key }}</th>
  </tr>
  <tr ng-repeat="row in myArr">
    <td ng-repeat="column in row">
      {{ column }}
    </td>
</tr>

{{key}}
{{column}}

像这样使用ng repeat

<tr>
    <th ng-repeat="(key, val) in myArr[0]">{{ key }}</th>
  </tr>
  <tr ng-repeat="row in myArr">
    <td ng-repeat="column in row">
      {{ column }}
    </td>
</tr>

{{key}}
{{column}}

谢谢您的回复。我可以把它做成桌子。但是我需要以前面提到的格式化方式使用它。你这是什么意思？如果数据是静态的，我可能可以使用标记来执行此操作，但是$scope.myArr是动态的，因此我无法在数据etct和与cssThanks相关的内容之间提供固定的空间来进行答复。我可以把它做成桌子。但是我需要的是前面提到的格式化方式。你这是什么意思？如果数据是静态的，我可能可以使用标记来完成，但是$scope.myArr是动态的，所以我不能在与css相关的数据之间提供固定的空间