Javascript 引导模式中的Angularjs多选下拉列表

Javascript 引导模式中的Angularjs多选下拉列表,javascript,angularjs,angular-ui-bootstrap,multi-select,Javascript,Angularjs,Angular Ui Bootstrap,Multi Select,我是Angularjs的新手,所以我首先为这个问题感到抱歉 我使用的是来自以下位置的角度引导模式: 和多选下拉列表,从: 我不知道如何把它们一起使用 我有一个模块和控制器: var app = angular.module("opsApp", ["$jsOps", "ngAnimate", "ngSanitize", "ui.bootstrap"]); app.controller("OpsLayoutController", function ($uibModal, $log, $docume

我是Angularjs的新手,所以我首先为这个问题感到抱歉

我使用的是来自以下位置的角度引导模式:

和多选下拉列表,从:

我不知道如何把它们一起使用

我有一个模块和控制器:

var app = angular.module("opsApp", ["$jsOps", "ngAnimate", "ngSanitize", "ui.bootstrap"]);
app.controller("OpsLayoutController", function ($uibModal, $log, $document, $scope, $http, jsPlumbService) {
this.renderParams = {
        view: {
            processes: {
                "default": {
                    template: "process",
                    events: {
                        tap: function (params) {
                            var modalInstance = $uibModal.open({
                                animation: $scope.animationsEnabled,
                                ariaLabelledBy: "modal-title",
                                ariaDescribedBy: "modal-body",
                                templateUrl: "editNodeModal.html",
                                controller: "ProcessModalInstanceCtrl",
                                controllerAs: "$ctrlProcess",
                                size: "lg",
                                appendTo: undefined,
                                resolve: {
                                    process: function () {
                                        return params.process.data;
                                    }
                                }
                            });

                            modalInstance.result.then(function (process) {

                            }, function () {
                                $log.info("Modal dismissed at: " + new Date());
                            });
                        }
                    }
                }
            }
}
app.controller("ProcessModalInstanceCtrl", function ($uibModalInstance, process) {

    $ctrlProcess.process= process;

    $ctrlProcess.ok = function () {
        $uibModalInstance.close(process);
    };

    $ctrlProcess.cancel = function () {
        $uibModalInstance.dismiss("cancel");
    };
});
这意味着我单击(轻触)元素,然后打开模态。 这不是我全部的代码

有人能建议我如何在模态中使用下拉列表吗


非常感谢。

无论如何,Angular Material都提供了多选功能

链接:

它更简单,在设计上也更和谐。您还可以使用其他UI元素来保持界面的一致性