UI-Select находится в фокусе при использовании с gurayyarar AdminBSB Тема материала в aspnetboilerplate (MVC & AngularJs) - PullRequest
Новая
       15

UI-Select находится в фокусе при использовании с gurayyarar AdminBSB Тема материала в aspnetboilerplate (MVC & AngularJs)

0 голосов
/ 23 ноября 2018

Я пытаюсь использовать ui-select в шаблоне запуска aspnetboilerplate из MVC5 & AngularJs.Шаблон использует AdminBSB Материал на основе темы .Но это ведет себя неловко.Когда я нажимаю, чтобы выбрать любой элемент, он упадет и покажет список.После выбора он вернется. Как показано на этом изображении

Ниже приведен мой код: 

<div class="col-md-4 pull-left">
<label style="margin-top:-10px;float:left; width:100%; font-size: 13px;font-weight: normal;color: #aaabaf;">
    @L("Customer")
    <ui-select ng-model="vm.selectedCustomer" theme="bootstrap">
        <ui-select-match placeholder="Select a customer">{{$select.selected.name}}</ui-select-match>
        <ui-select-choices position='down' repeat="item in vm.customersList | filter: $select.search">
            <div ng-bind-html="item.name | highlight: $select.search"></div>
            <small ng-bind-html="item.code | highlight: $select.search"></small>
        </ui-select-choices>
    </ui-select>
</label>

Попытался выяснить, какой скрипт выполняет эту вещь, но не получилось,Кто-нибудь, пожалуйста, помогите мне

1 Ответ

0 голосов
/ 30 ноября 2018

Наконец я понял!Просто нужно было изменить параметр appendToBody на false в моей конфигурации пользовательского интерфейса, например так: 

app.config(['uiSelectConfig', function (uiSelectConfig) {
    uiSelectConfig.theme = 'bootstrap';
    uiSelectConfig.resetSearchInput = true;
    uiSelectConfig.appendToBody = false;
}]);
...