首页 文章

如何使用nativescript-autocomplete插件与nativescript angular?

提问于
浏览
2

我无法使plugin使用角度项目模板.GitHub仅显示本机和XML中的代码.Sample插件代码可以工作,但遗憾的是没有给出角度支持或帮助 . 我无法在角度模板上显示 . 我正在使用的相关代码

detail.component.ts

registerElement("AutoComplete", () => require("nativescript-autocomplete").AutoComplete);

public list :Array = ['1','2','3','4','567'] ; 

public itemTapped(args){

console.log("tapped");

}

detail.component.html

<AutoComplete items=""{{list}}"" itemTap="itemTapped($event)"> </AutoComplete>

我在控制台上获得异常,而页面加载和自动完成功能不起作用

this.items.forEach is not a function inside plugin code .that line is with definition of AutoComplete.prototype.itemsUpdate inside autocomplete.android.js plugin source

调试到插件源,它在初始化时间中断:

'AutoComplete.prototype.itemsUpdate = function (items) {
    var arr = Array.create(java.lang.String, this.items.length);
    this.items.forEach(function (item, index) {
        arr[index] = item;
    });
    var ad = new android.widget.ArrayAdapter(app.android.context, android.R.layout.simple_list_item_1, arr);
    this._android.setAdapter(ad);
};'

1 回答

  • 0

    在detail.component.html中

    <AutoComplete [items]="list" (itemTap)="itemTapped($event)"> </AutoComplete>
    

    在details.component.ts中添加

    public list:any= ['1','2','3','4','567'] ; 
    
    itemTapped(ev){
    //console.log(ev); your code
    }
    

    npm版本中的问题 . 克隆repository .

    替换node_modules / nativescript-autocomplete中的所有文件,期望截图,演示文件夹和git相关文件 . 并尝试解决方案

相关问题