Question

我遵循typeahead的documentation，但没有任何对我有用。我从远程加载我的数据：以下是来自远程数据的结构：

npm install -g ionic@1.6.0 在客户端这里是我尝试的第一个代码：

{"source":[{id:1,name:"coke"},{id:2,name:"papa"},{id:3,name:"mama"}]}

该代码没有任何效果。信息到达浏览器但未显示。我也尝试过阅读有关猎犬的内容但是对任何事情都不了解，甚至是之前提出的问题。我需要一个明确的解释。

我想要的是，使用Bootstrap Typeahead显示我的数组中项目的列表（建议，自动完成），但显示name字段的值，并将所选项目的id字段值传递给隐藏字段。

我怎样才能实现这一目标？

Answer 1

请你试试这个小提琴

我认为你可以使用这个

http://jsfiddle.net/apougher/7aaRy/

<input id='product'></input>

var jsonData = [
  {
    "id": 1,
    "name": "Andrew Pougher"
  },
  {
    "id": 2,
    "name": "Michele Moore"
  },
  {
    "id": 3,
    "name": "Michele Boob"
  },
  {
    "id": 4,
    "name": "Michael Moore"
  },
  {
    "id": 5,
    "name": "George Michael"
  }
]

var productNames = new Array();
var productIds = new Object();
//$.getJSON( '/getAjaxProducts', null,
       // function ( jsonData )
        //{
            $.each( jsonData, function ( index, product )
            {
                productNames.push( product.name );
                productIds[product.name] = product.id;
            } );
            $( '#product' ).typeahead( { source:productNames } );
       // };

Bootstrap Typeahead未显示建议列表

1 个答案:

Bootstrap Typeahead未显示建议​​列表

1 个答案:

Bootstrap Typeahead未显示建议列表