Javascript 离子自动完成输入问题

我目前正在构建一个Ionic应用程序，并尝试实现

Ionion自动完成

功能。我刚写完，但是我的

没有显示出来（我正在使用

离子服务--lab

查看更改）

我所做的： -Bower安装了离子自动完成功能 -将脚本+css链接到我的

index.html

-在我的控制器和HTML文件中做了一些代码更改

这是我的

main.html

<ion-view ng-controller="searchCtrl" ng-directive="ionAutocomplete">

  <ion-content>
    <input ion-autocomplete type="text" readonly="readonly" class="ion-autocomplete"
           placeholder="Search..."
           items-method="getCandidates(query)"
           item-view-value-key="name"
           item-value-key="candidate_id"
           items-method-value-key="items"
           max-selected-items="1"
           autocomplete="off"
           ng-model="search.candidates" />
  </ion-content>

  <ion-tabs class="tabs-icon-top">
    <ion-tab title="HOME" icon="ion-home" class="icon" href="#/main/dash">
      <ion-nav-view name="dash-tab"></ion-nav-view>
    </ion-tab>
  </ion-tabs>
</ion-view>

如果我错过了一个步骤，或者只是语法错误，请告诉我。 我还上传了一个截图，看看有什么问题。你可以看到我的输入没有显示出来

最后一件事：我的控制台没有任何错误

---

您是否可以检查HTML以查看输入是否隐藏或位于标题下？您是否可以检查HTML以查看输入是否隐藏或位于标题下？

.controller('searchCtrl', function($scope) {
  $scope.candidates = [
    { "candidate_id": "1", "name": "Hillary Clinton" },
    { "candidate_id": "2", "name": "Donald Trump" }
  ];

  $scope.getCandidates = function(query, isInitializing) {
    var returnValue = { items: [], selectedItems: [] };
    $scope.candidates.forEach(function(item) {
      if (item.name.indexOf(query) > -1 ) {
        returnValue.items.push(item);
      }
      else if (item.candidate_id.indexOf(query) > -1 ) {
        returnValue.items.push(item);
      }
    });
    return returnValue;
  };

  $scope.modelToItemMethod = function(modelValue) {
    for (var i = 0; i < $scope.candidates.length; i++) {
      if ($scope.candidates[i].candidate_id == modelValue) {
        return $scope.candidates[i];
      }
    }
    return {};
  };
});