Мой элемент поиска в реальном времени не превращается в поле ввода

Question

Я использую плагин livesearch для Angular-JS, чтобы попытаться создать динамическое окно поиска AJAX. Следуя инструкциям, я считаю, что у меня все настроено так, как должно быть, но когда страница запускается, она не преобразуется из <live-search> элемент к <input> элемент. Я не могу понять, почему.

В моем коде у меня есть сценарии, упорядоченные следующим образом:

<script src="/Scripts/angular/angular.js"></script>
<script src="/Scripts/Custom/liveSearch.js"></script>
<script src="/Scripts/Custom/application.js"></script>
<script src="/Scripts/Controllers/salesEventEdit.ctrl.js"></script>

Вот jsFiddle соответствующего кода. Если вам нужно больше, я могу обновить его, но сделать его полностью функциональным было бы тонной кода для копирования, благодаря Angular. Код, который я включил в скрипку, является частью salesEventEdit.ctrl.js файл.

Из всего, что я прочитал, преобразование из <live-search> в <input> надо позаботиться о себе через угловой, и мне не нужно ничего делать.

Чтобы помочь людям в будущем в случае исчезновения моей скрипки, вот соответствующий HTML-код:

<span class="liveSearchWrap">
    <live-search type="text"
        class="liveSearch"
        name="entitySearch"
        live-search-callback="entityCallback"
        live-search-item-template="{{result.Name}}"
        live-search-select="Name"
        live-search-max-result-size="50"
        live-search-wait-timeout="500"
        live-search-selected-id="Id"
        user-id="entity.Id"></live-search>
    <a class="btnSearch"><i class="fa fa-search"></i></a>
</span>

Answer 1

В то время как модуль LiveSearch автоматически обрабатывает <live-search> элементы, это должно быть введено в приложение. Как показано здесь на README страницы GitHub, введите его так:

var app = angular.module("MyApp", ["LiveSearch"]);
// -------------------------HERE --^