我无法使用离子自动完成功能

Question

我正在使用guylabs/ion-autocomplete，但在 ios 和 android 模拟器中运行它时遇到了一些问题。事先我做了一个模型在浏览器中运行它，这工作正常，但是当将相同的代码复制到我的实际项目时，我得到了一个错误。有人可以帮我..没有任何线索！

我在控制台中遇到以下错误： [错误] 错误：collection-repeat 预期属性 collection-item-height 是一个返回数字（以像素为单位）或百分比的表达式。

HTML

<div class="list card">
    <ion-autocomplete 
        ng-model="model"
        item-value-key="view"
        item-view-value-key="name"
        item-view-value-key="id"
        items-method="getTestItems(query)"
        items-method-value-key="items"
        items-clicked-method="itemsClicked(callback)"
        select-items-label="SEARCH"
        selected-items-label="Selected:"/>
</div>

JS

tcControllers.controller('SomeCtrl', function ($scope, $stateParams, $localStorage) {
$localStorage.getObject('Something').forEach(function(ticket){
    if (ticket.id == parseInt($stateParams.ticketId)){
        $scope.ticket = ticket;
    }
});
$scope.model = "";
$scope.callbackValueModel = "";
$scope.getTestItems = function (query) {
    var zoekItems = [
        {id: "1", name: "John", view: "John: "},
        {id: "2", name: "Richard", view: "Richard: "},
        {id: "3", name: "Steve", view: "Steve: "},
    ];
    var returnValue = { items: [] };
    zoekItems.forEach(function(item){
        console.log(item);
        if (item.name.indexOf(query) > -1 ){
            returnValue.items.push(item);
        }
        else if (item.id.indexOf(query) > -1 ){
            returnValue.items.push(item);
        }
    });
    return returnValue;
};
$scope.itemsClicked = function (callback) {
    $scope.callbackValueModel = callback;
}

});

Answer 1

这似乎是自动完成正在使用的collection-repeat 指令的问题。最好更新到可以解决此问题的最新稳定 Ionic 版本 (1.0.0)。您也可以进入 lib/ion-autocomplete/dist/ion-autocomplete.js 并添加 collection-item-height="52" 代替 item-height（第 88 行），它应该可以工作，但我建议更新。