UI-Select仅显示十字而不显示多选中的选择文本?

时间:2019-05-16 09:02:06

标签: angularjs asp.net-mvc html5 model-view-controller html-select

我正在尝试选择多个下拉值,但它只是显示没有下拉值文本的十字形。如果我删除多个,则可以很好地选择单个值。

我的代码是

 <div class="col-md-9">
                                <ui-select ng-if="::!$root.isRtl" multiple theme="bootstrap" name="region" ng-model="vm.SelectedRegion" ng-change="vm.selectcity(vm.SelectedRegion)">
                                    <ui-select-match allow-clear="true" placeholder="{{ 'Select' | translate }}">{{$select.selected.RegionEnglishName}}</ui-select-match>
                                    <ui-select-choices repeat="I.RegionID as I in vm.AllRegions | filter: $select.search">
                                        <span ng-bind-html="I.RegionEnglishName | highlight: $select.search"></span>
                                    </ui-select-choices>
                                </ui-select>
                                <ui-select ng-if="::$root.isRtl" multiple theme="bootstrap" name="region" ng-model="vm.SelectedRegion" ng-change="vm.selectcity(vm.SelectedRegion)">
                                    <ui-select-match allow-clear="true"  placeholder="{{ 'Select' | translate }}">{{$select.selected.RegionArabicName}}</ui-select-match>
                                    <ui-select-choices repeat="I.RegionID as I in vm.AllRegions | filter: $select.search">
                                        <span ng-bind-html="I.RegionArabicName | highlight: $select.search"></span>
                                    </ui-select-choices>
                                </ui-select>
                            </div>

希望您的建议 谢谢

0 个答案:

没有答案