2017-10-07 6 views
0

저는 Angularjs 초보자입니다. 먼저이 질문에 대해 사과드립니다.부트 스트랩 모달에서 Angularjs 멀티 선택 드롭 다운

전에서 각도 부트 스트랩 모달을 사용하고 있습니다 : https://angular-ui.github.io/bootstrap/

및 다중 선택 드롭 다운 목록에서 : https://codepen.io/long2know/pen/PqLRyZ

내가 그들을 함께 사용하는 방법을 모르겠어요.

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

I는 다음 요소를 열 모달 (탭)을 클릭 의미

난 모듈 및 컨트롤러를 가지고 있었다. 이것은 내 모든 코드가 아닙니다.

누구든지 내게 모달로 드롭 다운 목록을 사용하는 방법을 제안 할 수 있습니다.

정말 고마워요.

답변

1

각도 재질은 어쨌든 다중 선택 기능을 제공합니다.

enter image description here

링크 : https://material.angularjs.org/latest/demo/select

그것은 쉽게 디자인의 조화를 가지고있다. 다른 UI 요소를 사용하여 인터페이스의 일관성을 유지할 수도 있습니다.