javascript - angular1.x实现下拉提示中的问题
本文介绍了javascript - angular1.x实现下拉提示中的问题的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
在下拉列表中，各个下拉选项一开始不现实，输入关键字后显示相关下拉选项，比如输入a就出现app apple，
可是当清空输入框的字符后，下拉选项就全部显示出来了，请问这是为什么？
后面我将 ng-show 的判断条件改成ng-show="v.indexOf(str)!==-1 && str.length !== 0"就可以了。
请问ng-show="v.indexOf(str)!==-1这个条件不够用吗？
<!DOCTYPE html>
<html lang="en" 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>解决方案
看到图呢？哈哈，贴少了。没有内容，然后获取到的好像是undefined
这篇关于javascript - angular1.x实现下拉提示中的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
