angularjs - Angular ui选择不显示占位符

Question

我对 angular-ui-select 有疑问。

当它关闭时，它看起来像这样

但是当它打开时，占位符不会出现，它看起来像这样：

这是我的代码：

<ui-select ng-model="selected.address" style="width: 50%;">
  <ui-select-match>
    <span ng-bind="$select.selected.description"></span>
  </ui-select-match>
  <ion-list ui-select-choices refresh="getPlaces()" refresh-delay="10" repeat="item in places track by item.id">
    <ion-item class="item-icon-left">
      <i class="icon icon-left ion-android-compass"></i>
      <h3 ng-bind="item.address"></h3>
    </ion-item>
  </ion-list>
</ui-select>

注意 1：我从服务器获取数据，可能有很多字段要显示。

注意 2：我正在使用“选择”主题，因为我无法在 Ionic 应用程序中使用 Bootstrap

您对为什么会发生这种情况以及如何解决它有任何建议吗？

编辑：第二张图片中的“活动标签”在那里，因为下拉菜单越过了下一个字段，这里没什么大不了的。

Answer 1

您需要打开 enableSearch。那应该打开占位符。

$scope.enableSearch = function () {
        $scope.searchEnabled = true;
    };