如何正确使用 select2 Jquery 搜索和选择数据？答案

【问题标题】：How do I correctly use select2 Jquery to search and select data?如何正确使用 select2 Jquery 搜索和选择数据？
【发布时间】：2016-07-29 09:58:37
【问题描述】：

大家好，我一直在尝试应用这个 Select2 jQuery 插件，但它不起作用。我按照给出的演示示例进行操作，但它总是显示这样的错误。 html 选择选项的数据为空。

项目.html

<div class="form-group">
   <label class="col-lg-2 col-md-3 control-label">Customer Name</label>
       <div class="col-lg-10 col-md-9">
           <select required class="form-control customer-options" name="ptype" ng-model="projDetails.cname">
               <option ng-repeat="cusName in cusNames" value="{{cusName.Id}}">{{cusName.Name}}</option>
           </select>
       </div>
</div>

这里是 jQuery 实现。项目.js

 $(document).ready(function () {
            $(".customer-options").select2();
        });

        $scope.createProject = function () {
            var projDetails = {

                pname: $scope.projDetails.pname,
                cname:$scope.projDetails.cname,
                ptype: $scope.projDetails.ptype,
                desc: $scope.projDetails.desc,
                std: $scope.projDetails.std,
                etd: $scope.projDetails.etd,
                status:"Not assinged"
            };

            ProjService.Project(projDetails, function (res) {

                console.log(res, data);



            });

我给出了最后几个代码，以便任何人都可以理解我绑定数据。 :)

错误是这样的：=

angular.js:13642 未为 Select2 s2id_cname 定义查询函数

如何使其正常工作。帮助将不胜感激。谢谢

【问题讨论】：

angularjs 和 jquery 插件不能很好地相互配合。您应该考虑将插件包装在 Angular 指令中。
您还有一个 select2 指令，您可以在 Angular 应用程序中按原样使用它 github.com/angular-ui/ui-select2

标签： javascript jquery html angularjs select2

【解决方案1】：

试试这个，它对我有用。您可以将其转换为 anularjs 或按原样使用。 http://ionicmobile.blogspot.in/2015/10/jquery-select2-editable-with-dynamic.html

【讨论】：