2016-06-28 21 views
0

私は次のカラムを含むSQLデータベーステーブルを持っています。anglejsとSQLサーバデータベースを使用した自動補完機能

Row1 Row2 Row3 Id Country 
1  1a 1b 34 europe 
2  2a 2b 45 US 
3  3a 4d 5g Australia 

フロントエンドでangularjsを使用してオートコンプリート機能を実装しています。

http://plnkr.co/edit/il2J8qOI2Dr7Ik1KHRm8?p=preview これは、オートコンプリートの例を示すプランカーです。

ユーザーが入力フィールドに何かを入力すると、自動的に完了し、さまざまなオプションが表示されます。参照する必要がある項目のリストは、Row1、Row2、およびRow3です。

したがって、ユーザーが入力フィールドに1を入力すると、自動完了の値として1aと1bが表示されます。

バックエンドはC#です。 Row1、Row2、Row3のデータベース列の値をフロントエンドに取得できます。それは問題ではありません。

UI側でこの機能を実装する方法を教えてもらえますか?

答えて

1

以下のリンクをC#のangularjsに使用してください。それは間違いなくあなたを助けるでしょう。

http://www.c-sharpcorner.com/article/implement-auto-complete-textbox-using-angularjs-in-mvc5/

+0

こんにちは、他のオートコンプリート例があります。 .rarファイルを開くことができません。 – Patrick

+0

このリンクからzipファイルをダウンロードする.. https://drive.google.com/file/d/0B2F_y5DLKS7leHRjbEZNaHhaZkE/view?invite=CLiJ-7sG&ts=577d0675&pref=2&pli=1 –

関連する問題