Question

我正在尝试为每个元素显示名称，但我为每个元素获取相同的名称。这是代码：

查看：

<li class="list-group-item" ng-controller="MenuItemEditTypeaheadCtrl">
    <input type="text" ng-model="selectedItem" typeahead="menuItem.name for name in menuItems | limitTo:3" class="typeahead">
</li>

JSON：

[{name: "Soda", price: "2.99"}, {name: "Chips", price: "0.99"}]

Answer 1

text=[{name: "Soda", price: "2.99"}, {name: "Chips", price: "0.99"}];
obj=JSON.parse(text);

使用循环

打印obj

obj [0] .name将打印“Soda” obj [1] .name将打印“Chips”

Answer 2

这是正确答案：

“menuItems中的menuItem的menuItem.name | limitTo：5 | filter：{name：$ viewValue}”

Answer 3

尝试如下

<强>脚本：

 $scope.menuItems = [{name: "Soda", price: "2.99"}, {name: "Chips", price: "0.99"}];

<强> HTML：

 <li class="list-group-item" ng-controller="MenuItemEditTypeaheadCtrl">
     <input type="text" ng-model="selectedItem" typeahead="menuItem.name for menuItem in menuItems | filter:$viewValue | limitTo:3 " class="typeahead">
 </li>

注意： $ viewValue对应于用户输入的值

如果您想将角度预先设置与服务器绑定，请参阅以下链接

How to tie angular-ui's typeahead with a server via $http for server side optimization?

Angular-UI Typeahead指令的正确表达是什么？

3 个答案: