2016-07-29 6 views
0

Hallo Alles Ich habe versucht, dieses Select2 jQuery Plugin für einige Zeit jetzt anzuwenden, aber es funktioniert nicht. Ich folgte dem Demo-Beispiel, aber es zeigt immer einen solchen Fehler. Die html select Option hat null Daten.Wie kann ich select2 Jquery richtig verwenden, um Daten zu suchen und auszuwählen?

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> 

Hier ist die Implementierung 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); 



      }); 

Ich habe letzten paar Codes, so dass jeder verstehen kann, dass ich Daten binden. :)

Der Fehler ist dies: =

Angularjs: 13642 Abfragefunktion nicht definiert für Select2 s2id_cname

Wie dies korrekt funktioniert. Hilfe wäre willkommen. Danke

+1

angularjs und jquery plugins spielen nicht nett miteinander. Sie sollten das Plugin stattdessen in eine Angular-Direktive einfügen. – doge1ord

+0

Sie haben auch eine select2-Direktive, die Sie in einer eckigen Anwendung https://github.com/angular-ui/ui-select2 verwenden können – floribon

Antwort

Verwandte Themen