2016-07-29 63 views
0

嗨所有我一直試圖應用此Select2 jQuery插件一段時間了,但它不工作。我遵循給出的演示示例,但它總是顯示像這樣的錯誤。 html選項有空數據。如何正確使用select2 Jquery來搜索和選擇數據?

project.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的實現。 project.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查詢功能選擇二沒有定義s2id_cname

如何使這個正常工作。幫助將不勝感激。謝謝

+1

angularjs和jquery插件不能很好地相處。您應該考慮將插件包裝在Angular指令中。 – doge1ord

+0

您還有一個可以在角度應用程序中使用的select2指令https://github.com/angular-ui/ui-select2 – floribon

回答