如预期的那样自动完成多个值未在结果区域中列出

时间:2016-04-25 09:51:09

标签: javascript angularjs

目前使用我当前的代码处理angularjs + map + autocomplete我正在获取地图和自动完成但问题在我开始搜索自动完成中的值时开始让我说例如我正在搜索字母 I我的列表中只有一个结果,而不是所有可用的 值。目前我正在尝试使用ng-hide隐藏我只是在显示列时,我需要查看显示列的数据。我在这里做错了什么。

HTML代码

 <autocomplete  options="datas" 
                    place-holder="Search options..."
                    on-select="onSelect" 
                    display-property="title"
                    input-class="form-control"
                    clear-input="false"></autocomplete>

显示数据

<ul class="ng-hide">
        <li class="li_list">
            {{selectedData.title}}
        </li>
    </ul>

这是我的角度代码

    $scope.selectedData = null;
$scope.datas = [
    {title: 'The dog', age: 2},
    {title: 'The cat', age: 4},
    {title: 'The bird', age: 7}
];
$scope.onSelect = function(selection) {
    console.log(selection);
    $scope.selectedData = selection;

};

0 个答案:

没有答案