2016-10-24 11 views
1

사용자가이 빈 양식을 채우는 json을 select/textbox 입력으로 업로드 할 수있는 양식이 있습니다. 이러한 입력은 동적으로 생성되므로 (업로드하는 json을 기반으로하므로) 입력 한 답변 (참조 모델)을 참조 할 수 있어야합니다. var jsonObj=[ {"type": "select", "label": "Name", "values": ["a", "b", "c"], "default": "a"}, {"type": "select", "label": "Age", "values": [1, 2, 3]} ]동적으로 생성 된 참조 모델 참조

내가 동적 통해 for 루프 내에서 그 입력을 삽입 : html로로, 나는 NG 반복을 사용하지 않는 또한

var newInputCol='<' + jsonObj[i].type + ' ng-model="' + jsonObj[j].label + '" class="form-control" ></' + jsonObj[j].type + '>'; 
var newInputRowElement = angular.element(newInputRow); 
element.append(newInputRowElement); 
$compile(newInputRowElement)($scope); 

는 그래서 JSON의 모습을 말한다 나는 그것을 놓으려고하고있다. 그래서 json에 3 개의 입력마다 새로운 줄이있다. 그러나 그렇게하기 위해서, ng-repeat를 사용해야합니까? 내가 본 모든 대답은 ng-repeat와 참조 용 빈 개체를 사용합니다 (예 : How to generates dynamically ng-model="my_{{$index}}" with ng-repeat in AngularJS?)

사용자가 자기 생성을 완료 한 후 모든 ng-model을 console.log에 수행하려면 어떻게해야합니까? 단추를 클릭 한 후 양식을 만드십시오 (클릭 또는 클릭으로 단추에 기능을 배치하여 수행 할 수 있습니까?).

답변

0

나는 그것을 얻었을 것으로 생각한다. $ scope [$ scope.jsonObj [i] .label]은 그것을 참조 할 수있다. 다른 방법이 있습니까, 아니면 이걸 고수해야합니까?