Question

我无法使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);
};'

Answer 1

详细说明.component.html

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

in details.component.ts add

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

itemTapped(ev){
//console.log(ev); your code
}

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

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

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

1 个答案: