我正在尝试从json数据中创建一个angular-schema-form形式的表单。我的场景是,我有一个网格,为此我将使用ng-grid。因此,在网格的每一行上,我都有一个编辑按钮,它允许用户编辑行data.On,点击编辑按钮,一个模式弹出出现.So,这里是我将我的模态弹出表单设计为一个角度模式-表单的地方。
这是网格中的编辑按钮模板。
<div class="ui-grid-cell-contents">
<button type="button"
class="btn btn-xs btn-primary"
ng-click="editRow(grid,row);">
</button>
</div>我的模式弹出模板就像
<div>
<div class="modal-header">
<h3 class="modal-title">Edit Row</h3>
</div>
<div class="modal-body">
<form sf-schema="schema" sf-form="form" sf-model="entity"></form>
</div>
<div class="modal-footer">
<button class="btn btn-success" ng-click="save()">Save</button>
<button class="btn btn-warning" ng-click="$close()">Cancel</button>
</div>
</div>在我的js文件中,我编写了如下代码,这在主控制器中是存在的
$scope.editRow = function (grid, row) {
$modal.open({
templateUrl: 'PopUpTemplate.htm',
controller: function ($scope,$modalInstance,UserPopUpSchema, grid, row) {
schema = UserPopUpSchema;
entity = angular.copy(row.entity);
form = [
'FullName',
'UserName',
'Password',
'EmailId',
'phNum'
];
},
resolve: {
grid: function () { return grid; },
row: function () { return row; },
UserPopUpSchema: function () {
return UserPopUpSchema;
}
}
});
};
} ]);在这里,用户弹出模式是一个常量,如下所示:
app.constant('UserPopUpSchema', {
type: 'object',
properties: {
FullName: { type: 'string', title: 'FullName' },
UserName: { type: 'string', title: 'UserName' },
Password: { type: 'string', title: 'Password' },
EmailAddress: { type: 'string', title: 'EmailId' },
Phone: {type:'string',title:'phNum'}
}
});我已经正确地添加了js文件,就像角模式表单documentation.But中给出的那样,我无法显示角模式表单。
感谢你的帮助
发布于 2015-12-21 05:46:41
所以在这里,我用弹出的方式替换了我的表单。
form = [
'FullName',
'UserName',
'Password',
'EmailId',
'phNum'
];使用
form["*"];可能是语法错误。
而且,我必须以$scope.form,$scope.model,$scope.schema的形式访问具有作用域依赖关系的窗体、模型、模式。
https://stackoverflow.com/questions/34389443
复制相似问题