javascript - サーバーの応答に基づく Angular での動的フォームの作成

Question

サーバーの応答に基づいて動的フォームを作成しようとしています。たとえば、8 つのボタンがあり、各ボタンをクリックすると、入力タイプが異なる別のアンケートが生成されます。各カテゴリの質問はバックエンドから取得され、各質問にはラジオ、選択などのタイプがあります。この情報に基づいて、ユーザーのボタンに応じて特定の質問セットのフォームを生成するにはどうすればよいですかクリックします。私が考えたことの 1 つは、クリックされたカテゴリに応じて ng-hide/show を使用することでしたが、8 つのカテゴリ (それぞれ 8 つ) に対して合計 64 の質問があるため、これは非常に悪い習慣です。どんな助けでも大歓迎です。ありがとう！！

応答は次のようになります。

{
  "code": 200,
  "data": {
    "id": "598ca3dac405bc378fc21764",
    "question_set_number": "QS1",
    "questions": [
      {
        "answers": [
          "Answer 1",
          "Answer 2",
          "Answer 3"
        ],
        "id": "59839d20c405bc411540a11d",
        "question_number": "Q1",
        "question_text": "Test question",
        "type": "radio"
      },
      {
        "answers": [
          "Answer 1",
          "Answer 2",
          "Answer 3"
        ],
        "id": "59839d2dc405bc411540a11e",
        "question_number": "Q2",
        "question_text": "Test question",
        "type": "check"
      }
    ]
  },
  "message": "successful",
  "status": "success"
}