1

我正在使用 Angular-JS 的livesearch插件来尝试创建 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>to的转换<input>应该通过 angular 本身来处理,我不应该做任何事情。

为了在我的小提琴消失的情况下为将来的人们提供帮助,这里是相关的 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>
4

1 回答 1

1

虽然LiveSearch模块确实会自动处理<live-search>元素,但它需要被注入到应用程序中。如这里GitHub 页面的 README 所示,像这样注入它:

var app = angular.module("MyApp", ["LiveSearch"]);
// -------------------------HERE --^
于 2014-06-09T20:09:54.837 回答