在AngularJS中初始化select2

Question

我試圖找出在Angular.JS中初始化select2下拉列表的最佳方法。

目前我所有包含表單的html視圖都使用相同的控制器，這引發了一個顯而易見的問題：「如果想在自定義控制器的頁面上使用下拉列表？」

任何人都可以想到一個更優雅的方式來初始化我的下拉列表？

下面是我的HTML視圖和Forms Controller。

Form.html

<div class="form-group"> 
         <label class="col-md-3 control-label">Model *</label> 
         <div class="col-md-4"> 
          <select ng-model="form.Model" class="form-control DDL"> 
           <option ng-repeat="item in modelDDL" value="{{item.id}}">{{item.text}}</option> 
          </select> 
          <span class="help-block"> 

          </span> 
         </div> 
        </div> 

<script> 
    $(".DDL").select2(); 
</script> 

FormsController.js：

 //get values for dropdown lists 
     $http.get('http://localhost:2982/api/menu?type=model'). 
    then(function (response) { 
     $scope.modelDDL = response.data; 

Answer 1

我會用https://github.com/angular-ui/ui-select那麼你可以使用NG-模型，然後我會使用依賴注入與獲取模型服務數據。然後，您可以在任何控制器中使用DI。