下拉样式发出angularjs

Question

我正面临着严重的问题，当使用这一部分html时填充下拉列表时，设计下拉变得很奇怪我得到了这个设计：

的index.html

 <select id="chkveg" ng-model="ArrangeSurveyCtrl.sections"  ng-options="item
        as item.section for item in ArrangeSurveyCtrl.sections" multiple="multiple">

我尝试使用静态值，它完美无缺：

的index.html

                   <option value="AJ">AJ</option>

                    <option value="Valuation">Valuation</option>
                   <option value="Comps">Comps</option>

index.js

   $(function() {

            $('#chkveg').multiselect({

                includeSelectAllOption: true

            });
            $('#btnget').click(function() {

                alert($('#chkveg').val());

            })
        });
 getAllSections();
        function getAllSections() {
            ArrangeSurveyService.getAllSections().
            then(function(result) {
                var serverData = result.data;

                if (serverData.success) {
                    if(serverData) {
                        vm.sections = serverData.result;
                        console.log(vm.sections);

                    }
                }
            }, function(err) {
                //some error
                console.log("Error: ", err);
                $("#preloader").css("display", "none");
            })
        }