Ausgewählte Optionen im Bootstrap-Auswahlpicker werden in eckigen JS-Controllern als nicht definiert angezeigt

Question

Wenn Sie auf die Suchtaste klicken, muss das ausgewählte Element in der Konsole angezeigt werden. Aber es zeigt "hey undefined" an.

Dies ist mein HTML-Code

<div ng-controller="filterController"> 
    <select name="model" id="model" multiple title="Any" data-live-search="true" style="display:none;" class="selectpicker" ng-model="select"> 
     <option value="1" ng-selected="true">Restaurant</option> 
     <option value="2">Vegetarian</option> 
     <option value="3">Bar</option> 
     <option value="4">Night Life</option> 
     <option value="5">Breakfast</option> 
     <option value="6">Fast Food</option> 
     <option value="7">Steak &amp; Grill</option> 
    </select> 
    <button class="btn btn-default" style="margin-top: 25px;" ng-click="search()"></button> 
</div> 

Das ist mein jQuery-Code.

$(document).ready(function($) {  
    var select = $('select'); 
    if (select.length > 0){ 
     select.selectpicker(); 
    } 
    var bootstrapSelect = $('.bootstrap-select'); 
    var dropDownMenu = $('.dropdown-menu'); 
    bootstrapSelect.on('shown.bs.dropdown', function() { 
     dropDownMenu.removeClass('animation-fade-out'); 
     dropDownMenu.addClass('animation-fade-in'); 
    }); 
    bootstrapSelect.on('hide.bs.dropdown', function() { 
     dropDownMenu.removeClass('animation-fade-in'); 
     dropDownMenu.addClass('animation-fade-out'); 
    }); 
    bootstrapSelect.on('hidden.bs.dropdown', function() { 
     var _this = $(this); 
     $(_this).addClass('open'); 
     setTimeout(function() { 
      $(_this).removeClass('open'); 
     }, 100);    
    }); 

Dies ist meine Controller-Funktion.

angular.module('myApp',[]).controller('filterController', function($scope) { 
$scope.search = function(){ 
    console.log('hey',$scope.select); 
} 

Könnte mir bitte jemand sagen, was ich tun soll?

Answer 1

Dabei verwenden Sie mehr, so dass Sie in einem Array ausgewählten Wert erhalten, also, wenn Sie irgendeine ausgewählten Wert trösten wollen, dann müssen Sie wie $ scope.select Konsole [0].