javascript - 我的实时搜索元素没有转换成输入框

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。我在 fiddle 中包含的代码是 salesEventEdit.ctrl.js 的一部分文件。

从我读到的所有内容来看，从 <live-search> 的转变至<input>应该通过 Angular 本身来处理，我不应该做任何事情。

为了帮助将来的人以防我的 fiddle 消失，这里是相关的 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>元素，需要将其注入(inject)到应用程序中。如GitHub页面的README here所示，像这样注入(inject):

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