Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/spring-mvc/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Angular Js在下拉列表中选择按键?_Javascript_Angularjs_Drop Down Menu_Angularjs Ng Repeat_Angular Ui Bootstrap - Fatal编程技术网

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()
    ,在该回调中,您将早期定义的变量设置为true
    clearfag=true
    。然后每次在
    onKeyUp()
    中检查标志:
    if(clearfag==true){$scope.tappedKeys='''}
    。自己找出其他步骤=)
    $scope.tappedKeys = '';
    
    $scope.onKeyUp = (e)=>{
      $scope.tappedKeys += e.key;
    };