twitter-bootstrap - 在 Bootstrap-UI 的 typeahead 中清除模型

Question

我正在使用 Bootstrap-UI 的 typeahead 指令，我想在选择时清除模型，从而清除 typeahead 字段（值将存储在其他地方）。

在我清除模型后，我似乎无法获得预先输入的更新。

我创建了一个显示错误的 plnkr：http ://plnkr.co/edit/NitVqHyfE3pfSUIhjUZ3?p=preview

Answer 1

您使用了错误的型号名称。您使用的模型称为selectednot selectedBrandInput。

  $scope.onBrandSelect = function ($item, $model, $label) {
      $scope.state = $item;        //save it somewhere
      $scope.selected = undefined; //instead of $scope.selectedBrandInput = null;
      if (!$scope.$$phase) {
          $scope.$apply();
      }
      console.log($item)
  }

Answer 2

我能找到的最佳解决方案是

$('.typeahead').typeahead('val', myVal);

使用这个参考

您可以通过此方法设置空字符串 $('.typeahead').typeahead('val', "");

这将清空列表。