为了账号安全,请及时绑定邮箱和手机立即绑定

angular1.x实现下拉提示中的问题

angular1.x实现下拉提示中的问题

胡说叔叔 2018-10-17 13:35:16
在下拉列表中,各个下拉选项一开始不现实,输入关键字后显示相关下拉选项,比如输入a就出现app apple,可是当清空输入框的字符后,下拉选项就全部显示出来了,请问这是为什么?后面我将 ng-show 的判断条件改成ng-show="v.indexOf(str)!==-1 && str.length !== 0"就可以了。请问ng-show="v.indexOf(str)!==-1这个条件不够用吗?<!DOCTYPE html><html ng-app="test"><head>    <meta charset="UTF-8">    <title>Document</title>    <script src="../bower_components/angular/angular.min.js"></script>    <script>        var app = angular.module('test', []);        app.controller('ctr1',function($scope) {            $scope.arr = ['app', 'apple', 'beer', 'now', 'new', 'zoom', 'z-index'];        });        app.directive('dropdownlist', function() {            return {                restrict : 'E',                template :'<input type="text" ng-model="str">\                <ul>\                    <li ng-repeat="v in arr" ng-show="v.indexOf(str)!==-1">{{v}}</li>\                </ul>'            }        })    </script></head><body ng-controller="ctr1">    <dropdownlist>            </dropdownlist></body></html>
查看完整描述

1 回答

?
噜噜哒

TA贡献1784条经验 获得超7个赞

看到图呢?哈哈,贴少了。没有内容,然后获取到的好像是undefined

https://img1.sycdn.imooc.com//5bdfb1ed00018bcf02250066.jpg

https://img1.sycdn.imooc.com//5bdfb1f30001cfe801610073.jpg

查看完整回答
反对 回复 2018-11-05
  • 1 回答
  • 0 关注
  • 523 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号