Javascript 如何使用Angular Js在下拉列表中选择按键?
我有一个下拉列表,其中项目的大小很大,所以我正在寻找一种方法来启用键盘输入(按键),以便我可以键入,它会自动移动到下拉列表中的该选项。有什么建议吗Javascript 如何使用Angular Js在下拉列表中选择按键?,javascript,angularjs,drop-down-menu,angularjs-ng-repeat,angular-ui-bootstrap,Javascript,Angularjs,Drop Down Menu,Angularjs Ng Repeat,Angular Ui Bootstrap,我有一个下拉列表,其中项目的大小很大,所以我正在寻找一种方法来启用键盘输入(按键),以便我可以键入,它会自动移动到下拉列表中的该选项。有什么建议吗 例如,您可以尝试在上使用过滤器,同时在上使用ng keyup <ul uib-dropdown-menu role="menu" style="max-height: 150px; overflow-y: auto; max-width : 10px" ng-keyup="onKeyUp($event)"> <li ng
-
例如,您可以尝试在
上使用过滤器,同时在
上使用ng keyup
<ul uib-dropdown-menu role="menu" style="max-height: 150px; overflow-y: auto; max-width : 10px" ng-keyup="onKeyUp($event)">
<li ng-repeat="value in feature.values | filter: tappedKeys | unknownValueFilter | featureValueOrder ">
<a ng-click="currentValue.set(value)" href="">
{{value | featureValueFormatter }}
</a>
</li>
</ul>
但您应该考虑如何清除类型化值
无论如何,我建议你减少你的列表或者创建一个可见的过滤器(可能是文本输入)。否则用户将几乎无法理解这种行为。我建议设置一个提琴,然后高兴地看一看。您基本上是在寻找像或这样的增量搜索吗?“顺便说一句,这两项都不是我的工作。”alphapilgrim尝试了GPost给出的建议,但仍然没有working@GPost:我像你提到的那样尝试了,但没有看到它发生。@GPost:但它仍然不起作用。你必须在
节点上使用重复,并在其上使用过滤器
来查看一些效果。谢谢:)但是当我再次尝试选择时,一旦我选择了,选项就会重新设置。你能给我建议一个清理的方法吗?我是个新手。如果您能让我知道我应该用什么来清除压力,我将不胜感激keys@user3407267,我的建议是寻找另一种方法:)用户最好查看过滤器。否则,您可以尝试在onKeyUp()
回调中使用$timeout()
,在该回调中,您将早期定义的变量设置为trueclearfag=true
。然后每次在onKeyUp()
中检查标志:if(clearfag==true){$scope.tappedKeys='''}
。自己找出其他步骤=)
$scope.tappedKeys = '';
$scope.onKeyUp = (e)=>{
$scope.tappedKeys += e.key;
};