建议在文本框中可能吗？ [英] Suggestion in text box possible?

问题描述

我有型文本输入框：

 ＆LT;输入类型=文本＆GT;＆LT; /输入＆GT;
 

我有名字的列表：

  $ scope.employees = {[
    名称：毗湿奴
 }，{
    名称：西努
 }];
 

现在让它只有2。
当我键入​​ v ，它应该显示毗湿奴的建议。当我键入​​本身，它应该显示 seenu`的建议。如何才能实现这一目标？

解决方案

填充的 DataList控件选择与价值观 $ scope.employees 使用数据-NG-重复：

\r

\r

VAR应用= angular.module（'对myApp'，[]）;\r
app.controller（'myController的'，函数（$范围，$ HTTP）{\r
  $ scope.employees = [{\r
      名称：毗湿奴\r
    }，\r
    {\r
      名称：西努\r
    }];\r
  }）;

\r

＆LT;脚本SRC =htt​​ps://ajax.googleapis.com/ajax /libs/angularjs/1.2.23/angular.min.js\"></script>\r
＆LT; D​​IV NG-应用=对myAppNG控制器=myController的＆GT;\r
  ＆LT;输入类型=文本列表=名称占位=选择一个名字。＆GT;\r
  ＆LT; D​​ataList控件ID =名称＆GT;\r
    ＆LT;选项数据-NG-重复=，在员工项目VALUE ={{item.name}}＆GT;\r
  ＆LT; / DataList控件＆GT;\r
＆LT; / DIV＆GT;

\r

\r

\r

祝您好运！

I have a input box with type text:

<input type="text></input>

I have a list of names:

 $scope.employees = [{
    name: "vishnu"
 }, {
    name: "seenu"
 }];

Now let it be only 2. When I type v, it should show vishnu as suggestion. When I type se, it should showseenu` as suggestion. How can this be achieved?

解决方案

Populate options of datalist with values in $scope.employees with data-ng-repeat:

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>

Good Luck!

这篇关于建议在文本框中可能吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！