文本框中的建议可能
Suggestion in text box possible?
本文关键字:文本 更新时间:2023-09-26
我有一个带有类型文本的输入框:
<input type="text></input>
我有一个名字列表:
$scope.employees = [{
name: "vishnu"
}, {
name: "seenu"
}];
现在让它只有 2。当我输入v
时,它应该显示vishnu
作为建议。当我输入se, it should show
seenu' 作为建议时。如何实现这一点?
用 data-ng-repeat $scope.employees
中的值填充数据列表的选项:
var app = angular.module('myApp', []);
app.controller('myController', function($scope, $http) {
$scope.employees = [{
name: "vishnu"
},
{
name: "seenu"
}];
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myController">
<input type="text" list="names" placeholder="Pick a name..">
<datalist id="names">
<option data-ng-repeat="item in employees" value="{{item.name}}">
</datalist>
</div>
祝你好运!
下面
给出了一个简单的Jquery自动完成示例
$scope.complete=function(){
$( "#tags" ).autocomplete({
source: $scope.availableTags
});
}
});
http://plnkr.co/edit/5XmPfQ78vRjSrxE0Tt3B?p=preview
var app = angular.module('myApp', []);
app.controller('myController', function($scope, $http) {
$scope.employees = [{
name: "vishnu"
},
{
name: "seenu"
}];
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myController">
<input type="text" list="names" placeholder="Pick a name..">
<datalist id="names">
<option data-ng-repeat="item in employees" value="{{item.name}}">
</datalist>
</div>
相关文章:
- 如何使用jquery在填充自动完成的值后使文本框只读
- 使用Clipboard.js复制span文本
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 用程序搜索JQuery数据表中的文本
- jQuery匹配JSON对象的部分文本
- onkeyup无法动态创建多个文本区域
- 如何在下面的ES6循环中获得前面的文本
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- 借助asp.net验证或java脚本对多个文本进行验证
- 无法在ajaxStart中更改跨度文本
- 高亮显示时编辑文本大小和颜色
- jquery中的文本框验证
- Javascript,有没有一种方法可以将数组写成没有逗号或空格的单个文本字符串
- Sails.js:同时发布文本输入和一个文件
- 当鼠标悬停在文本中的单词上时显示警报
- 是否有任何方法可以使用jQuery替换在数组中定义值的文本
- 将纯文本URL转换为可单击链接
- 如何使用nodes和.createElement(“b”)将文本加粗
- 是否可以将一个函数输入连接到另一个函数调用的文本