Wie nativescript-Autocomplete-Plugin mit nativescript angular verwenden?

Question

Ich bin nicht in der Lage plugin arbeiten mit eckigen Projektvorlage .GitHub zeigt nur Code in nativen und XML .Sample Plugin-Code funktioniert aber leider keine eckige Unterstützung oder Hilfe gegeben. Ich kann keine eckige Vorlage anzeigen. entsprechender Code Ich bin mit

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> 

ich bin immer Ausnahme auf der Konsole, während Seite geladen und Auto-Vervollständigung funktioniert nicht

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 

Debugging in Plugin Quelle bricht es bei der Initialisierung:

'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

In detail.component.html

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

in details.component.ts

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

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

Ausgabe in npm hinzufügen Ausführung. Klonen Sie die repository.

Ersetzen Sie alle Dateien in node_modules/nativescript-Autocomplete, Screenshot, Demo-Ordner und Git-Dateien erwarten. Und versuchen Sie die Lösung