2016-07-29 9 views
0

こんにちはすべて私はこのSelect2 jQueryプラグインをいつか適用しようとしていますが、動作しません。私は与えられたデモの例に従ったが、これは常にこのようなエラーを示す。 html selectオプションにはヌルデータがあります。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クエリ機能Selectセレクト用に定義されていないが、これは正常に動作させるためにどのよう

をs2id_cname。ヘルプをいただければ幸いです。おかげで

+1

anglejsとjqueryプラグインは、お互いに素敵に再生されません。 Angularディレクティブの内側にプラグインをラップすることを検討する必要があります。 – doge1ord

+0

角度アプリケーションでそのまま使用できるselect2命令もあります。https://github.com/angular-ui/ui-select2 – floribon

答えて

関連する問題