如何使用angularjs動態創建表單

Question

我試圖弄清楚如何根據服務器返回的字段數組動態創建表單。

像這樣

[{
  id: "title",
  type: "text", /* Map to Input type=text */
  regex: "/^[a-zA-Z]+/"
},{
  id: "summary",
  type: "memo", /* Map to Textarea */
  regex: "/^[a-zA-Z]+/"
},{
  id: "priority",
  type: "list", /* Map to Select */
  options: [1,2,3,4,5]
}]

即使使用ng-repeat，我也找不到解決這個問題的好方法。 一旦表單具有大約30個字段以及15種以上不同的輸入類型，它將變得非常難看。

什么是“ Angular”方法來執行此操作，還是應該在服務器上動態生成controller.js和template.html？

Answer 1

嘗試這個。 這不是答案，而只是一種方法。希望對您有幫助。

HTML：

<div ng-repeat="person in person">
<form class="form-group" name="signinForm">
<label>Name:
<input class="form-control" ng-model="person.name" type="text">
</label>
<label>Male:
<input class="form-control" ng-model="person.gender" name="gender{{$index}}" type="radio" value="male">
</label>
<label>Female:
<input class="form-control" ng-model="person.gender" name="gender{{$index}}" type="radio" value="female">
</label><br>
<label>Age
<input class="form-control" ng-model="person.age" type="number">
</label>
</form>
<button type="button" ng-click="addPerson()">Add More</button>
</div>

JS：

 $scope.initialize = [{}];
    $scope.person = {};
    $scope.addPerson = function(){
        $scope.initialize.push({});// adding more similar fields.
    }