在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。