python - 使用动态文本框生成动态生成 AngularJS 表单

Question

我想根据用户为每个块输入的值创建文本框，并将保存的信息以以下格式发布为 JSON：

[
  {
    "Student1": {
      "college_name": "abc",
      "age": 20,
      "total_courses": 2,
      "course_1_name": "angularjs",
      "course_2_name": "nodejs"
    }
  },
  {
    "Student2": {
      "college_name": "xyz",
      "age": 22,
      "total_courses": 3,
      "course_1_name": "angularjs",
      "course_2_name": "nodejs",
      "course_3_name": "python"
    }
  }
]

角度代码将具有显示如下表单的 html 代码：

现在，如果我单击添加更多按钮，这应该会为用户带来另一个空白表单，如下所示，就在上面已经填写的表单下方：

现在，当我填写表格时，如果我输入总课程数为 3，它应该动态显示 3 个文本框，如下所示：

现在，当我填写 3 个课程名称时，它会显示如下：

现在表格将如下所示：

现在，当用户单击提交按钮时，它应该以 JSON 格式保存信息，如下所述：

[
  {
    "Student1": {
      "college_name": "abc",
      "age": 20,
      "total_courses": 2,
      "course_1_name": "angularjs",
      "course_2_name": "nodejs"
    }
  },
  {
    "Student2": {
      "college_name": "xyz",
      "age": 22,
      "total_courses": 3,
      "course_1_name": "angularjs",
      "course_2_name": "nodejs",
      "course_3_name": "python"
    }
  }
]

标签： pythonangularjsjsonangularjs-ng-repeat