2017-02-27 6 views
2

pluginは角型プロジェクトテンプレートで動作しません.GitHubはネイティブとXMLのコードのみを表示します。サンプルプラグインのコードは動作しますが、残念なことに角度のサポートやヘルプはありません。私は角度テンプレートに表示することができません。私はnativescriptでnativescript-autocompleteプラグインを使用するにはどうしたらいいですか?

detail.component.tsページがロードされ、自動補完しながら、私は、コンソール上の例外を取得しています

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

detail.component.html

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

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

public itemTapped(args){ 

console.log("tapped"); 

}

を使用しています 関連するコードdoes not work

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 

それは初期化時に壊れるプラグインのソースへのデバッグ:details.component.tsで

'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); 
};' 
+0

nativescript-telerik-ui plugin(https://www.nativescript.org/ui-for-nativescript)を見てみてください。 AutoCompleteTextViewのようなコンポーネントを含む無料のバージョンとプロバージョンがあります。残念ながらAngularではまだサポートされていませんが、プラグインの次のリリースになります。 –

答えて

0
detail.component.html

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

は、NPMで

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

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

問題を追加バージョン。 repositoryをクローンします。

node_modules/nativescript-autocompleteのすべてのファイルを置き換え、スクリーンショット、デモフォルダ、git関連ファイルが必要です。そして解決策を試してください

+0

問題のイベントコードを忘れていました。質問が更新されました。この例外は、ページloads.Itsがプラグイン自体の初期化部分から間違っています。 – Sadiq

+0

変更を適用しましたか? – Habeeb

+0

ちょうどdetail.component.html – Habeeb

関連する問題