2016-04-04 1 views
0

Ich habe ein großes Problem.Ich muss mehrere Wert aus Dropdown-Liste auswählen, dafür habe ich bootstrap-multiselect.js bekommen den folgenden Fehler.Fehler bei der Verwendung von Mulitple in Dropdown-Liste mit Angular.js

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) 

hier habe ich die folgenden button.when Benutzer dies der Tropfen klicken, wird Liste dynamisch geladen ist.

Wenn der Benutzer auf die obige Schaltfläche klickt, muss die untere Dropdownliste dynamisch geladen werden.

<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> 

Der Steuerungsseitencode für die obige Dropdown-Liste ist unten angegeben.

$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 
     }); 

Hier, wenn die obige Funktion aufgerufen wird der Fehler kommt und Drop-Feld nach unten ist nicht opening.Here auch ich brauche, wenn der Benutzer den dynamischen Wert in der Dropdown-Liste geladen wird, und Benutzer auf den Senden-Button klicken, wird kann einen/mupltiple Wert holen, diese Werte werden wieder innerhalb der Controller-Seite Funktion gesammelt. Bitte helfen Sie mir, dieses Problem zu lösen.

Antwort

0

Scheint, dass Gutscheincode nicht mit einem Array zu binden ist. Wenn Multiselect mit einem Objekt verbunden ist, tritt dieser Fehler auf.

+0

@ Wasaaq: Überprüfen Sie meine aktualisierte post again.still werfen das gleiche Problem.Wenn ich die "multiple =" mehrere "entfernen' der Fehler kommt nicht. Haben Sie eine Lösung.Bitte bearbeiten Sie dies. – subhra

Verwandte Themen