我正在尝试使用JSON在Angular中制作表单。当我只有一个JSON文件时很容易,因为我编写我的HTML并使用迭代显示表单字段。现在,如果我有3或4个JSON文件,我需要生成具有不同ID的不同表单并显示它。我能不能生成动态表单?
我拿取两个按钮,从文件“A”和“B”获取JSON数据。我需要在点击时显示不同的表单。 plunker
我拿取两个按钮,从文件“A”和“B”获取JSON数据。我需要在点击时显示不同的表单。 plunker
$scope.getFromAFile = function() {
// body...
var inputs=[];
$http.get('a.json')
.success(function (data) {
$scope.formInputs = data.input;
angular.forEach($scope.formInputs, function(value, key) {
/* do something for all key: value pairs */
inputs.push({
"value": value.value,
"inputValues": value.inputValues,
"type": value.inputType.toLowerCase(),
"name": value.name,
"required": value.required
})
});
getFormfromData(inputs,'BID');
})
.error(function(err){
alert(err);
});
}
$scope.getFromBFile = function() {
// body...
$http.get('b.json')
.success(function (data) {
var inputs=[];
$scope.formInputs = data.input;
angular.forEach($scope.formInputs, function (value, key) {
/* do something for all key: value pairs */
inputs.push({
"value": value.value,
"inputValues": value.inputValues,
"type": value.inputType.toLowerCase(),
"name": value.name,
"required": value.required
});
});
getFormfromData(inputs,'BID');
})
.error(function (err) {
alert(err);
});