0

我正在尝试angular-schema-form从 json 数据中创建一个表单。我的情况是，我有一个网格，我正在使用ng-grid它。因此，在网格的每一行上，我都有一个编辑按钮，允许用户编辑行数据。单击编辑按钮时，会出现一个模态弹出窗口。所以这里是我将模态弹出表单设计为角度模式的地方形式。这是我尝试过的。

这是我在网格中的编辑按钮模板

<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'}
    }
});

我已按照 angular-schema-form 文档中的说明正确添加了 js 文件。但我无法显示 angular-schema-form。

感谢你的帮助

4

1 回答 1

0

所以在这里我在模态弹出窗口中替换了我的表单

 form = [
           'FullName',
           'UserName',
           'Password',
           'EmailId',
           'phNum'
           ];

和

form["*"];

可能它可能是语法错误。

我必须在控制器中访问具有范围依赖性的表单、模型、模式$scope.form,$scope.model,$scope.schema

于 2015-12-21T05:46:41.623 回答