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

时间:2016-07-18 11:06:25

标签: javascript angularjs twitter-bootstrap-3

使用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>

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

1 个答案:

答案 0 :(得分:0)

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

$scope.row = row;

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

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

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