Angular实现form自动布局

JavaScript 前端之家
前端之家收集整理的这篇文章主要介绍了Angular实现form自动布局，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

本文实例讲解了Angular实现form自动布局的详细代码，分享给大家供大家参考，具体内容如下

效果图：

具体代码：

1.formlayoutCtrl.js

$scope.resetForm = function(num){
console.log(num)
}
}]);

2. formlayout.html

{{title}}

3. formlayout.html

{{title}}

4. formlayoutdirective.js

函数 function FormLayoutFn(){ /** * 定义表单元素的模板 * @type {{text: string,radio: string,checkBox: string,remember: string,range: string,time: string,date: string,datetime: string,search: string,select: string}} */ this.elementTemplate = { text : '\
\ \
',password : '
\ \
',radio : '\
\
diolist">
\
',email : '\
\ \
',tel : '\
\ \
',url : '\
\ \
',number : '\
\ \
',checkBox : '
\
Boxlist">
\
',range : '
\ ',time : '
\ ',date : '
\ ',datetime : '
\ ',search : '
\ ',select : '
\