Question

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

目前我的所有包含表单的html视图都使用相同的控制器，这引发了一个显而易见的问题“如果想要一个带有自定义控制器的页面上的下拉列表怎么办？”

有人能想出一种更优雅的方式来初始化我的下拉列表吗？

以下是我的HTML视图和表单控制器。

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-model然后我会使用依赖注入来获取模型数据的服务。您可以在任何控制器中使用DI。

在AngularJS中初始化select2

1 个答案: