Menu a discesa multi selezione Angularjs in modal bootstrap - javascript, angularjs, angular-ui-bootstrap, multi-select

Sono un principiante di Angularjs quindi per prima cosa mi dispiace per questa domanda.

Sto usando modale bootstrap modale da: https://angular-ui.github.io/bootstrap/

e multi selezione elenco a discesa da: https://codepen.io/long2know/pen/PqLRyZ

Non so come usarli insieme.

Ho avuto un modulo e controller:

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");
};
});

Ciò significa che faccio clic (tocco) sull'elemento e poi apro il modale. Questo non è tutto il mio codice.

Qualcuno mi può suggerire come utilizzare l'elenco a discesa in modale.

Grazie mille.

risposte:

Il materiale angolare fornisce comunque la funzione di selezione multipla.

link: https://material.angularjs.org/latest/demo/select

È più facile e ha armonia nel design. puoi utilizzare gli altri elementi dell'interfaccia utente per mantenere anche la coerenza dell'interfaccia.