angular.js - ng-repeat を使用して不規則なテーブルをループアウトするときに問題が発生しました

Question

次のような json があります:

リーリー

ここで、ng-repeat を使用してこれらのデータをテーブルにレンダリングしたいと思います。期待される画像は次のとおりです。

しかし、私は多くの困難に遭遇しました。これは、おそらく私が今まで遭遇した中で最も厄介な ng-repeat の実践です。
このフォームの構造を誰でも明確に確認できるように、このフォームの HTML コードを添付します:

リーリー

このループの問題は、教師が数行を独占的に占有し、ループをネストする必要があることです。そこでマスターに、この ng-repeat を実装する方法を考えるのに頭を使ってもらいます

Answer 1

Teacherをマージする必要があるかどうかについて、変数で制御できますか? たとえば、数値が 0 より大きい場合はマージする必要があり、数値が 0 より大きい場合はマージされる行の数を意味します。

Answer 2

コード:

リーリー

Answer 3

@陈波の回答に基づいて小さな修正を加えました:

リーリー

以下は結果のスクリーンショットです: