Being new to AngularJS, I apologize for asking this question in advance.
I am utilizing Angular bootstrap modal from the following link: https://angular-ui.github.io/bootstrap/
and multiple select dropdown list from: https://codepen.io/long2know/pen/PqLRyZ
I am unsure of how to integrate them together.
I have a module and controller set up:
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");
};
});
Essentially, I want to open the modal when clicking (tapping) on an element. This is not the entirety of my code.
Could someone advise me on how to incorporate the dropdown list into the modal?
Thank you very much.