Question

在我的网站上，我有一个textarea，用户必须写一个组项目的名称。我们的想法是使用autocomplete-alt，因此当用户编写组项目的名称时，必须显示已创建项目的下拉列表并帮助他们自动完成。

·编码：

-HTML：

                  <div class="col-lg-6">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Group Project</label>
                            <div class="col-sm-10"><angucomplete-alt id="groupProjectID"
                              placeholder="Search Group Projects"
                              maxlength="50"
                              pause="100"
                              selected-object=""
                              local-data=""
                              search-fields=""
                              title-field=""
                              minlength="1"
                              input-class="form-control form-control-small"
                              match-class="highlight"></div>
                        </div>
                    </div>

-Javascript：

$scope.getAllGroupProjects = function () {
        api.projects.getGroupProjects().success(function (data) {
            $scope.groupProjectsList = data;
        }).error(function (data) {
            alerts.error('Error', 'Error obtaining the group projects');
        });
    }

groupProjectsList包含已创建的所有组项目。每个GroupProject都有两个属性：Name（组项目的名称）和Active（表示项目当前是否处于活动状态的布尔值）。正如您将在HTML代码中看到的那样，有些属性没有任何价值，因为我不确定如何使用它们。我一直在阅读文档（https://github.com/ghiden/angucomplete-alt），但在我的案例中我仍然无法弄清楚如何使用它们。

-Edit（求助）：

                    <div class="col-lg-6">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Group Project</label>
                            <div class="col-sm-10"><angucomplete-alt id="groupProjectID"
                              placeholder="Search Group Projects"
                              maxlength="50"
                              pause="100"
                              local-data="groupProjectsList"
                              search-fields="Name"
                              title-field="Name"
                              minlength="1"
                              input-class="form-control form-control-small"
                              match-class="highlight"></div>
                        </div>
                    </div>

Answer 1

您需要向指令提供数据。

看到演示，我认为你应该设置

local-data="groupProjectsList"

如果这不起作用，请分享一个plunker

Angucomplete-alt没有显示下拉列表

1 个答案: