Question

我正在尝试让我的应用程序在我的一个视图中有一个预先输入控件。目前我的设置与此示例完全相同：

http://plnkr.co/edit/5kGZkNPZ7rIFfb4Rvxej?p=preview

但为了满足我的需求，我必须让它在下拉列表中显示整个对象。我的数组看起来有点像这样：

'480x1136'

所以我将我的HTML更改为：

self.tests = [
    {
        "detail": "27/06/2015, 1 Lines, £478.40",
        "title": "HOM026MA01|ww06-1526",
        "type": "O",
        "value": "W0669090"
    },
    {
        "detail": "25/06/2015, 3 Lines, £1390.92",
        "title": "BER0050000|andrew02",
        "type": "O",
        "value": "W0667777"
    }
];

如您所见，这将显示json对象的值，但我希望它也显示其他详细信息。有谁知道你怎么做？

Answer 1

你可以在这里使用字符串连接

<input type="text" placeholder="Search" 
  ng-model="controller.selected" 
  typeahead="stuff.value + ' ' + stuff.title + ' '+  stuff.detail for stuff in controller.tests | filter:$viewValue" />

Demo Plunkr

AngularJS Typeahead显示对象

1 个答案: