Пользовательский выпадающий с угловой JS - PullRequest
0 голосов
/ 21 ноября 2018

Я создал адрес для поиска.Когда пользователь вводит местоположение для ввода, работает ajax-запрос.$scope.resultLocation хранит данные.Я хочу показать #resultLocation, когда пользователь фокусируется на #searchLocation.Нг-фокус работает, но когда я хочу щелкнуть по ul, список скрывается.Я не могу нажать a тег.Что такое альтернативный метод?Как я могу решить эту проблему?

HTML

    <div class="collapse show multi-collapse w-100" id="multiCollapseExample1" data-parent="#tabs">
        <div class="itemContainer">
            <input type="text" autofocus maxlength="60" id="locationSearch" data-ng-focus="resultLocationStatus=true;" data-ng-blur="resulLocationStatus=false;" data-ng-keyup="findLocation();" data-ng-model="locationSearch" class="locationSearch" placeholder="search">
            <button class="icon-search btn btn-color3"></button>
        </div>
        <div class="col-12" id="resultLocation" data-ng-if="resultLocation && resultLocationStatus==true" style="position: absolute; z-index: 986; top: 100%; left: 0; right: 0;">
            <ul class="list-group scrollbar" style="max-height:300px;">
                <li class="list-group-item" ng-repeat=" opt in resultLocation">
                    <a class="d-block cpointer" href="{{parseLocation(opt.GeoObject.Point.pos.toString())}}"><span class="icon-map-location-6"> </span>{{ opt.GeoObject.metaDataProperty.GeocoderMetaData.text}}</a>                                    
                </li>
            </ul>
        </div>
    </div>

JS

        $scope.findLocation = function () {            
        $.ajax({
            type: 'get',
            url: "https://geocode-maps.yandex.ru/1.x/?&bbox=24.125977,34.452218~45.109863,42.601620&results=5&format=json&lang=tr_TR&geocode=" + $scope.locationSearch,
            dataType: 'json',
            success: function (data) {                    
                    $scope.resultLocation = data.response.GeoObjectCollection.featureMember;                    }                    
            },
            error: function (data) {}
        });
    }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...