Question

使用angularjs和bootstrap，我想将表格行编辑为弹出窗口，但我无法将edite字段传递给窗口这是我的代码

controller.js

this.openUser = function(row) {
                                $scope.user = row;
                                var userInstance = $uibModal
                                .open({
                                    animation : $scope.animationsEnabled,
                                    templateUrl : './user_model',
                                    controller : 'userModelController',
                                    backdrop : true,
                                     windowClass: 'monitoring-modal',
                                    resolve : {
                                         row: function () {
                                              return row;
                                            }
                                    }
                                });

                            };

这是我的模态控制器

angular.module('users').controller('userModelController', ['$scope', 'row',
         function($scope ,row) {
            this.row = row
        } ]);

这是我的弹出窗口html

<div class="modal-header">
    <h3 class="modal-title">Users</h3>
</div>
<div class="modal-body">
    <table class="table table-bordered" style="height: 350px; border-collapse:collapse;">
        <thead>
            <tr class="modal-body">
                <th class="col-md-1" style="text-align: center; vertical-align: middle;"> {{ row }} </th>
                <th class="col-md-1" style="text-align: center; vertical-align: middle;"> last name </th>

        </thead>
    </table>
</div>
<div class="modal-footer">
    <button class="btn btn-primary" type="button" ng-click="ok()">OK</button>
    <button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button>
</div>

但我在窗口中得到的是空白值

Answer 1

您已在row上设置了this。尝试在row上设置$scope。

$scope.row = row;

我最近没有使用ui-bootstrap模式，但我认为它不支持controllerAs语法。至少不符合您当前的配置。

编辑：原来，它确实支持controllerAs语法：https://stackoverflow.com/a/23806963/841804

即使它确实支持它，你应该绑定到<controler-as-name>.row，不应该吗？

传递的值没有显示在我的弹出窗口中使用angularjs和bootstrap

1 个答案: