[解決済み] Elasticsearchのデータをangularjsで検索する。
2022-02-10 15:06:32
質問
htmlフォームから入力された'Index'と'Type'を元に検索したい。angularもElasticsearchも初めてです。
このコードを使って、ng-modelで変数をバインドしてみました。
ExampleApp.controller('MatchController', function ($scope, client, esFactory) {
function click($scope){
$scope.index = '';
$scope.type = '';
$scope.key = '';
client.search({
index: $scope.index ,
type: $scope.type ,
size: 50,
body: {
"query":
{
"match": {
name: $scope.key
}
},
}
html コード...
<input type="text" ng-model="index" id="index" /> <br><br>
<input type="text" ng-model="type" id="type" /><br><br>
<input type="text" ng-model="key" id="key" /><br><br>
<input type="button" value="search" onclick="click()">
このようなことは可能なのでしょうか?可能であればどのように?
ありがとうございました。
解決方法は?
エラスティックサーチに接続し、関数を使用してクエリを実行するためのサービスを作成する必要があります。
https://www.sitepoint.com/building-recipe-search-site-angular-elasticsearch/
上記リンク先では、elasticsearchとAngularJSを使ってクエリを作成し、実行する方法を紹介しています。私が言及したサービスは、コードの最後のブロックに書かれています。しかし、私はあなたがより良い理解を与えるために、記事全体を読むことをお勧めします。
そうでなければ、コントローラが呼ばれるたびに、そのサービスも呼ばれることになり、望ましくないことになります。
関連
-
[解決済み] CSS color vs. background-color vs. background?
-
[解決済み] 以下のHTMLフォームの例で、「mailto:[email protected]」とは何ですか?
-
[解決済み] Railsアプリケーションにアイコンを追加する
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] AngularJSを使用して、ブラウザのコンソールで$scope変数にアクセスするにはどうすればよいですか?
-
[解決済み] AngularJSで$scope.$watchと$scope.$applyを使用するにはどうすればよいですか?
-
[解決済み] AngularJS コントローラにおける 'this' と $scope の比較
-
[解決済み] 検索エンジンはAngularJSアプリケーションをどのように扱っているのか?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】CSSの背景画像が表示されない。
-
[解決済み】このインラインブロックのdiv要素の間に説明のつかない隙間があるのはなぜですか?[重複]
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] div要素間の空白を削除する方法
-
[解決済み] span with onclick event inside the tag
-
[解決済み] カーソルを指ポインタに変更
-
[解決済み] WebForms UnobtrusiveValidationMode には、'jquery' の ScriptResourceMapping が必要です。jquery という名前の ScriptResourceMapping を追加してください(大文字と小文字を区別します)。
-
[解決済み] Font Awesome アイコンをプレースホルダーで使用する
-
[解決済み] TD rowspan が機能しない
-
[解決済み] 画像をインラインで表示する方法