如何在角JS动态生成的形式？ [英] how to generate form dynamically in angular js?
本文介绍了如何在角JS动态生成的形式？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我用这 https://github.com/Textalk/angular-schema-form 插件生成自己的状态将不显示。我研究的所有文件，并添加所有的JS需要我没有得到任何错误，但它不显示为什么？
http://plnkr.co/edit/FO5iEs6ulmP3aR0PW4nt?p=$p$pview
＆LT;！DOCTYPE HTML＆GT;
＆LT; HTML和GT; ＆LT; HEAD＆GT;
＆LT;链路数据需要=bootstrap-css@3.x数据semver =3.2.0的rel =stylesheet属性HREF =// maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap .min.css/＆GT;
＆所述;脚本数据需要=angular.js@*数据semver =1.3.0-beta.5SRC =HTTPS：//$c$c.angularjs.org/1.3.0-beta.5 /angular.js\"></script>
＆所述;脚本数据需要=ui-bootstrap@0.10.0数据semver =0.10.0SRC =http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10。 0.js＆GT;＆LT; / SCRIPT＆GT;
＆LT;链接rel =stylesheet属性HREF =style.css文件/＆GT;
＆所述; SCRIPT SRC =的script.js＆GT;＆下; /脚本＆GT;
＆所述; SCRIPT SRC =https://dl.dropboxusercontent.com/s/8fq4c4t7jct4w4h/schema-form.js?m=＆GT;＆下; /脚本＆GT;
＆所述; SCRIPT SRC =https://dl.dropboxusercontent.com/s/unk0id7tmc9w0mm/angular-sanitize.js?m=＆GT;＆下; /脚本＆GT;
＆所述; SCRIPT SRC =https://dl.dropboxusercontent.com/s/icrciconaesuw29/tv4.js?m=＆GT;＆下; /脚本＆GT;
＆所述; SCRIPT SRC =https://dl.dropboxusercontent.com/s/rk0dfetihiqs7bi/ObjectPath.js＆GT;＆下; /脚本＆GT;
＆LT; /头＆GT; ＆LT;身体GT;
＆LT; DIV NG控制器=的FormController＆GT;
＆LT;形成SF-模式=纲目SF型=形式SF-模式=模式＆GT;＆LT; /表及GT;
＆LT; / DIV＆GT;
＆LT;脚本＆GT;
功能的FormController（$范围）{
$ scope.schema = {
类型：对象
属性：{
名称：{类型：串的minLength：2，标题：姓名，说明：名称或别名}，
标题：{
类型：串，
枚举：['博士'，'JR'，'先生'，'夫人'，'先生'，'NaN的'，'DJ']
}
}
}; $ scope.form = [
*，
{
键入：提交，
标题：保存
}
]; $ scope.model = {};
}
＆LT; / SCRIPT＆GT;
＆LT; /身体GT;＆LT; / HTML＆GT;
解决方案
的问题是JavaScript的插件，包括不以正确的顺序。
也可以使用 angular.module（）来初始化控制器。
JS：
angular.module（'测试'，['schemaForm']）。控制器（'的FormController'，函数（$范围，$ HTTP）{
$ scope.schema = {
类型：对象
属性：{
名称：{类型：串的minLength：2，标题：姓名，说明：名称或别名}，
标题：{
类型：串，
枚举：['博士'，'JR'，'先生'，'夫人'，'先生'，'NaN的'，'DJ']
}
}
}; $ scope.form = [
*，
{
键入：提交，
标题：保存
}
]; $ scope.model = {};
}）
I am using this https://github.com/Textalk/angular-schema-form plugin to generate my form will not display .I study all documentation and add all js required i didn't get any error but it not display why ? http://plnkr.co/edit/FO5iEs6ulmP3aR0PW4nt?p=preview
<!DOCTYPE html>
<html >
<head>
<link data-require="bootstrap-css@3.x" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
<script data-require="ui-bootstrap@0.10.0" data-semver="0.10.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
<script src="https://dl.dropboxusercontent.com/s/8fq4c4t7jct4w4h/schema-form.js?m="></script>
<script src="https://dl.dropboxusercontent.com/s/unk0id7tmc9w0mm/angular-sanitize.js?m="></script>
<script src="https://dl.dropboxusercontent.com/s/icrciconaesuw29/tv4.js?m="></script>
<script src="https://dl.dropboxusercontent.com/s/rk0dfetihiqs7bi/ObjectPath.js"></script>
</head>
<body>
<div ng-controller="FormController">
<form sf-schema="schema" sf-form="form" sf-model="model"></form>
</div>
<script>
function FormController($scope) {
$scope.schema = {
type: "object",
properties: {
name: { type: "string", minLength: 2, title: "Name", description: "Name or alias" },
title: {
type: "string",
enum: ['dr','jr','sir','mrs','mr','NaN','dj']
}
}
};
$scope.form = [
"*",
{
type: "submit",
title: "Save"
}
];
$scope.model = {};
}
</script>
</body>
</html>
解决方案
The problem was the javascript plugins included were not in a proper order.
Also use angular.module() to initialize the controller.
JS:
angular.module('test',['schemaForm']).controller('FormController', function($scope,$http){
$scope.schema = {
type: "object",
properties: {
name: { type: "string", minLength: 2, title: "Name", description: "Name or alias" },
title: {
type: "string",
enum: ['dr','jr','sir','mrs','mr','NaN','dj']
}
}
};
$scope.form = [
"*",
{
type: "submit",
title: "Save"
}
];
$scope.model = {};
})
这篇关于如何在角JS动态生成的形式？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
