javascript - Angular uib typeahead，typeahead-is-open 不工作

Question

我有一个 Angular uib-typeahead。这是我创建的 plunkr 的链接。 https://plnkr.co/edit/8XwhSXsZlyd0oKSljS9t?p=preview .

我使用了 typeahead-is-open 属性。

我想要的是当我点击 uib-typeahead 时它应该打开并显示所有值。我假设将 typeahead-is-open 设置为 true 来完成这项工作。它是否正确？目前，在将 typeahead-is-open 设置为 true 时，typeahead 不会打开。

这是我的html

<input ng-click = "myFunc()" click-outside="typeaheadIsOpen = false;" type="text" ng-model="selected" uib-typeahead="state for state in states | filter:$viewValue | limitTo:8" typeahead-is-open="typeaheadIsOpen" class="form-control">

我的JS

$scope.myFunc = function() {
   $timeout(function() {
       $scope.typeaheadIsOpen = true;
       $scope.$digest();
   })
}

我已将 typeahead-is-open 绑定(bind)到“typeaheadIsOpen”变量。单击 typeahead 我调用 myFuc() 将变量 typeaheadIsOpen 设置为 true。

但是打不开typeahead。我做错了什么吗？

Answer 1

似乎您无法使用 typeahead-is-open 属性控制是否显示 typeahead 弹出窗口。以下是源代码中的相关部分:

UibTypeaheadController

//binding to a variable that indicates if dropdown is open
var isOpenSetter = $parse(attrs.typeaheadIsOpen).assign || angular.noop;
...
scope.assignIsOpen = function (isOpen) {
    isOpenSetter(originalScope, isOpen);
};

此属性用于获取在 typeahead 打开时用于更新范围的表达式，但不用于从范围获取值并且没有设置相关的观察者。