Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/r/65.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Json 使用angularjs中的动作按钮ng单击动态生成表单_Json_Angularjs - Fatal编程技术网

Json 使用angularjs中的动作按钮ng单击动态生成表单

Json 使用angularjs中的动作按钮ng单击动态生成表单,json,angularjs,Json,Angularjs,我需要根据json结构动态生成表单字段。(到目前为止,我已将其用作js文件)。我在此成功地生成了网页中的字段。我需要帮助向“按钮”部分添加操作项 例如:我已经生成了带有验证的文本和按钮字段。但我需要angularjs中的按钮点击功能(ng点击或其他)。行动项目可以是服务/功能 var-app=angular.module('test_module',[]); app.controller('DynamicFormController',函数($scope,$log){ $scope.entit

我需要根据json结构动态生成表单字段。(到目前为止,我已将其用作js文件)。我在此成功地生成了网页中的字段。我需要帮助向“按钮”部分添加操作项

例如:我已经生成了带有验证的文本和按钮字段。但我需要angularjs中的按钮点击功能(ng点击或其他)。行动项目可以是服务/功能

var-app=angular.module('test_module',[]);
app.controller('DynamicFormController',函数($scope,$log){
$scope.entity={
名称:“测试”,
领域:
[
{键入:“text”,名称:“firstname”,标签:“name”,必填项:true,数据:'},
{类型:“文本”,名称:“城市”,标签:“城市”,必填项:true,数据:'},
{类型:“按钮”,名称:“测试按钮”,标签:“按钮检查1”,数据:“动态按钮”}
]
};
$scope.submitForm=function(){
$log.debug($scope.entity);
}
})
.directive(“dynamicName”,函数($compile){
返回{
限制:“A”,
终端:是的,
优先权:1000,
链接:函数(范围、元素、属性){
element.attr('name',scope.$eval(attrs.dynamicName));
element.removeAttr(“动态名称”);
$compile(元素)(范围);
}
}
})

动态表单生成
{{field.label}
{{field.label}
必修的!

正常按钮提交


如果您希望json具有属性服务/函数,请使用与添加属性相同的属性服务/函数

var-app=angular.module('test_module',[]);
app.controller('DynamicFormController',函数($scope,$log){
$scope.entity={
名称:“测试”,
领域:
[
{键入:“text”,名称:“firstname”,标签:“name”,必填项:true,数据:'},
{类型:“文本”,名称:“城市”,标签:“城市”,必填项:true,数据:'},
{类型:“按钮”,名称:“测试按钮”,标签:“按钮检查1”,数据:“动态按钮”,函数:“test()”}
]
};
$scope.submitForm=function(){
$log.debug($scope.entity);
}
$scope.test=函数(){
$log.debug('clicked');
}
})
.directive(“dynamicName”,函数($compile){
返回{
限制:“A”,
终端:是的,
优先权:1000,
链接:函数(范围、元素、属性){
element.attr('name',scope.$eval(attrs.dynamicName));
element.removeAttr(“动态名称”);
$compile(元素)(范围);
}
}
})

动态表单生成
{{field.label}
{{field.label}
必修的!

正常按钮提交


尝试使用角度模块角度模式表单
ng-click="$eval(field.function)"