首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >无法在模态弹出中显示角模式窗体。

无法在模态弹出中显示角模式窗体。
EN

Stack Overflow用户
提问于 2015-12-21 05:26:01
回答 1查看 591关注 0票数 0

我正在尝试从json数据中创建一个angular-schema-form形式的表单。我的场景是,我有一个网格,为此我将使用ng-grid。因此,在网格的每一行上,我都有一个编辑按钮,它允许用户编辑行data.On,点击编辑按钮,一个模式弹出出现.So,这里是我将我的模态弹出表单设计为一个角度模式-表单的地方。

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

代码语言:javascript
复制
<div class="ui-grid-cell-contents">
  <button type="button"
     class="btn btn-xs btn-primary"
     ng-click="editRow(grid,row);">

  </button>
</div>

我的模式弹出模板就像

代码语言:javascript
复制
<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文件中,我编写了如下代码,这在主控制器中是存在的

代码语言:javascript
复制
 $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;
                }
            }
        });
    };
} ]);

在这里,用户弹出模式是一个常量,如下所示:

代码语言:javascript
复制
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中给出的那样,我无法显示角模式表单。

感谢你的帮助

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-12-21 05:46:41

所以在这里,我用弹出的方式替换了我的表单。

代码语言:javascript
复制
 form = [
           'FullName',
           'UserName',
           'Password',
           'EmailId',
           'phNum'
           ];

使用

代码语言:javascript
复制
form["*"];

可能是语法错误。

而且,我必须以$scope.form,$scope.model,$scope.schema的形式访问具有作用域依赖关系的窗体、模型、模式。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34389443

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档