Угловой шрифт — нижний колонтитул

Я использую Angular Typeahead, и мне нужен нижний колонтитул для возвращаемых результатов, который ссылается на полный расширенный поиск. Я знаю, что могу сделать это с помощью jquery, но я бы хотел, чтобы это было полностью угловым.

    <input type="text" ng-model="spotlightModel" autofocus="autofocus" placeholder="Search" typeahead="searchResult.Description as searchResult for searchResult in getResults($viewValue)"
           ypeahead-wait-ms="750" typeahead-template-url="app/views/common/directives/SpotlightSearchResult.html"
           typeahead-on-select="onSelect($item)" class="form-control typeahead-input">

Какие-либо предложения?


angularjs typeahead.js angular-ui-typeahead
person user3754124    schedule 06.05.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я была такая же проблема. После долгих поисков я обнаружил, что можно перезаписать шаблон начальной загрузки для typeahead-popup.html.

Вот оригинальный ответ. https://stackoverflow.com/a/19720026/4704366

В основном поместите этот код в файл js для загрузки с вашим приложением после ui-bootstrap js. Затем замените FOOTER ниже фактическим HTML-кодом нижнего колонтитула.

 angular.module("template/typeahead/typeahead-popup.html", []).run(["$templateCache", function($templateCache) {
        $templateCache.put("template/typeahead/typeahead-popup.html",
            "<ul class=\"dropdown-menu\" ng-show=\"isOpen() && !moveInProgress\" ng-style=\"{top: position().top+'px', left: position().left+'px'}\" style=\"display: block;\" role=\"listbox\" aria-hidden=\"{{!isOpen()}}\">\n" +
            "    <li ng-repeat=\"match in matches track by $index\" ng-class=\"{active: isActive($index) }\" ng-mouseenter=\"selectActive($index)\" ng-click=\"selectMatch($index)\" role=\"option\" id=\"{{::match.id}}\">\n" +
            "        <div typeahead-match index=\"$index\" match=\"match\" query=\"query\" template-url=\"templateUrl\"></div>\n" +
            "    </li>\n" +
                "FOOTER" +
            "</ul>\n" +
            "");
    }]);

Это немного грязно и кажется хорошей функцией в будущем, но пока работает.

person thecrazyrussian    schedule 03.09.2015