2017-10-07 10 views
0

私はAngularjsの初心者ですので、最初にこの質問をおかけして申し訳ありません。Angularjsマルチブートストラップモードのドロップダウン

私はからの角度ブートストラップモーダルを使用しています:https://angular-ui.github.io/bootstrap/

とmultiからドロップダウンリストを選択します。私はそれらを一緒に使用する方法がわからない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"); 
    }; 
}); 

私は要素はその後、モーダルを開く(タップ)をクリックしてください意味:

は私がモジュールとコントローラを持っていました。 これは私のコードのすべてではありません。

誰も私にモーダルでドロップダウンリストの使い方を教えてもらえますか?

ありがとうございました。

答えて

1

角材は、とにかく複数選択機能を提供します。

リンク:https://material.angularjs.org/latest/demo/select

それは簡単ですし、デザインに調和しています。他のUI要素を使用してインタフェースの一貫性を維持することもできます。

関連する問題