AngularJS模式表单快速启动

AngularJS模式表单快速启动,angularjs,json,forms,jsonschema,angular-schema-form,Angularjs,Json,Forms,Jsonschema,Angular Schema Form,angular.module('myModule',['schemaForm']); angular.module('myModule',['schemaForm'])) .controller('FormController',函数($scope){ $scope.schema={ 类型:“对象”, 特性:{ 名称:{type:“string”,minLength:2,title:“name”,description:“name或alias”}, 标题:{ 键入:“字符串”, 枚举:['dr'


angular.module('myModule',['schemaForm']);
angular.module('myModule',['schemaForm']))
.controller('FormController',函数($scope){
$scope.schema={
类型:“对象”,
特性:{
名称:{type:“string”,minLength:2,title:“name”,description:“name或alias”},
标题:{
键入:“字符串”,
枚举:['dr'、'jr'、'sir'、'mrs'、'mr'、'NaN'、'dj']
}
}
};
$scope.form=[
"*",
{
键入:“提交”,
标题:“保存”
}
];
$scope.model={};
});
//提交代码
函数FormController($scope){
$scope.schema={
类型:“对象”,
特性:{
名称:{type:“string”,minLength:2,title:“name”,description:“name或alias”},
标题:{
键入:“字符串”,
枚举:['dr'、'jr'、'sir'、'mrs'、'mr'、'NaN'、'dj']
}
}
};
$scope.form=[
"*",
{
键入:“提交”,
标题:“保存”
}
];
$scope.model={};
$scope.onSubmit=函数(表单){
//首先,我们广播一个事件,以便所有字段都进行自我验证
$scope.$broadcast('schemaFormValidate');
//然后我们检查表格是否有效
如果(表格$valid){
警报(‘已提交’);
//…对您的数据执行任何需要执行的操作。
}
}
}

好的,我已经解决了这个问题。看起来angular没有正确初始化

ng-app="test"
应该是

ng-app="myModule"
我还取出了提交部分的重复代码。快速启动假设您熟悉angular,并输入正确的ng应用程序标签,完整代码如下


angular.module('myModule',['schemaForm']);
angular.module('myModule',['schemaForm']))
.controller('FormController',函数($scope){
$scope.schema={
类型:“对象”,
特性:{
名称:{type:“string”,minLength:2,title:“name”,description:“name或alias”},
标题:{
键入:“字符串”,
枚举:['dr'、'jr'、'sir'、'mrs'、'mr'、'NaN'、'dj']
}
}
};
$scope.form=[
"*",
{
键入:“提交”,
标题:“保存”
}
];
$scope.model={};
$scope.onSubmit=函数(表单){
//首先,我们广播一个事件,以便所有字段都进行自我验证
$scope.$broadcast('schemaFormValidate');
//然后我们检查表格是否有效
如果(表格$valid){
警报(‘已提交’);
//…对您的数据执行任何需要执行的操作。
}
}
});