2016-04-04 2 views
0

大きな問題が1つあります。ドロップダウンリストから複数の値を選択する必要があります。そのためには、bootstrap-multiselect.jsに以下のエラーが表示されます。Angular.jsを使用してドロップダウンリストでmulitpleを使用中にエラーが発生しました

angularjs.js:107 TypeError: a.forEach is not a function 
    at u.writeValue (angularjs.js:273) 
    at f.$render (angularjs.js:285) 
    at Object.<anonymous> (angularjs.js:265) 
    at n.$digest (angularjs.js:130) 
    at n.$apply (angularjs.js:133) 
    at HTMLInputElement.<anonymous> (angularjs.js:253) 
    at HTMLInputElement.m.event.dispatch (jquery.js:4670) 
    at HTMLInputElement.r.handle (jquery.js:4338) 

ここに私は以下のボタンがあります。ユーザーがこれをクリックすると、ドロップダウンリストが動的に読み込まれます。

<input type='button' class='btn btn-xs btn-green' value='Send' ng-click="sendVoucherCode(code.voucher_code_id,code.expired_date,code.customer_name);" ng-hide="sendButton"> 

上記のボタンをクリックすると、以下のドロップダウンリストが動的に読み込まれます。

<select class="form-control" id="lstFruits" ng-model="voucher_code" ng-options="code.name for code in listOfCode track by code.value " ng-change="removeBorder('lstFruits')" multiple="multiple"> 
</select> 

上記のドロップダウンリストのコントローラ側のコードを以下に示します。

ここ
$scope.sendVoucherCode=function(voucherid,expierdate,cname){ 
     $scope.listOfCode=[{ 
     name:'Select Voucher Code', 
     value:'' 
    }] 
    $scope.voucher_code=$scope.listOfCode[0]; 
     var code={'voucher_code_id':voucherid}; 
      $http({ 
       method:'POST', 
       url:"php/getVoucherNotifyCode.php", 
       data:code, 
       headers: { 'Content-Type': 'application/x-www-form-urlencoded' } 
      }).then(function successCallback(response){ 
       console.log('voucher code',response.data); 
       $scope.codeImage=response.data[0].image; 
       $scope.arrCode=response.data[0].generated_code.split(','); 
       for(var i=0;i<$scope.arrCode.length;i++){ 
        var data={'name':$scope.arrCode[i],'value':$scope.arrCode[i]}; 
        $scope.listOfCode.push(data); 
       } 
      },function errorCallback(response) { 
      }) 
    } 
$('#lstFruits').multiselect({ 
      includeSelectAllOption: true 
     }); 

上記の関数は、エラーが来ていると呼ばれ、フィールドをドロップダウンしているユーザーは、動的な値をリストし、ユーザのドロップダウンの内側にロードされます送信ボタンをクリックしますとき、私は必要もopening.Hereではありません1/mupltipleの値を取得することができます、それらの値は再びコントローラ側の機能内で収集されます。私はこの問題を解決するのを助けてください。

答えて

0

voucher_codeが配列とバインドしていないようです。複数選択がオブジェクトとバインドされている場合、このエラーが発生します。

+0

@ Wasaaq:更新された投稿をもう一度チェックしてください。同じ問題を投げています。私は 'multiple =" multiple "を削除しています。"エラーは起こっていません。解決策はありますか? – subhra

関連する問題