如何将列表作为参数传递给对话框？答案

【问题标题】：How can I pass a list as a parameter to a dialog?如何将列表作为参数传递给对话框？
【发布时间】：2014-09-26 04:03:18
【问题描述】：

Y 必须将数据列表传递给对话框以填充组合框。在代码的其他部分，我将一个字符串传递给对话框，但是，在这种情况下使用相同的方法，它不起作用。

这是我的js代码：

$scope.addPartido = function () {
    if ($scope.dataProv.locationsProv.provincias) {
        $modal.open({
            templateUrl: '../../secure/addPartido/addPartidoDialog.html',
            controller: function ($scope, $modalInstance) {
                $scope.close = function () {
                    $modalInstance.close();
                };
            }
        });
    }
};

在我的控制器中，我有变量 $scope.dataProv.locationsProv.provincias 填充数据。

这是我的 html 代码：

<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <label>Provincia<span class="text-danger">*</span></label>
            <div class="dropdown">
                <select ng-options="item.name for item in dataProv.locationsProv.provincias| orderBy:'name'" 
                        ng-id="mySelProvincia" class="form-control" required="required"
                        ng-model="selectedProv">
                </select>
            </div>
        </div>

        <div class="modal-footer">
            <button type="button" class="btn btn-default" ng-click="close()">
                Cerrar
            </button>
        </div>
    </div>
</div>

【问题讨论】：

你能在这里为你的代码制作一个 JSFiddle 吗？如果不查看您传递给 <select> 元素的其他变量的格式，很难判断出了什么问题。

标签： javascript html angularjs twitter-bootstrap-3 angular-ui-bootstrap

【解决方案1】：

这很容易！

这段代码完美运行：

$scope.addPartido = function () {
    if ($scope.dataProv.locationsProv.provincias) {
        $modal.open({
            templateUrl: '../../secure/addPartido/addPartidoDialog.html',
            controller: function ($scope, $modalInstance, listProv) {
                $scope.statusProv = 'loading...';
                    $scope.provincia = "Select provincias";
                    $scope.dataProv = {
                        "locationsProv": {}
                    };

                    $scope.dataProv.locationsProv.provincias = listProv;
                $scope.close = function () {
                    $modalInstance.close();
                };
            }, 
            resolve: {
                    listProv: function () {
                        return $scope.dataProv.locationsProv.provincias;
                    }
                }
        });
    }
};

【讨论】：