問題タブ [elasticui]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
284 参照

angularjs - Pencilblue で Angular にモジュールを追加するには?

だから私はこのペンシルブルーのウェブサイトを構築しています。Pencilblue は MEAN スタックに基づいています。

検索機能を実装しようとしています。モジュールを宣言する必要があります。

Pencilblue は次のようにします。

したがって、2行目は、モジュールがない場合を除き、モジュールが別の場所からロードされていることを示していますmodules = ['ngRoute'];

私が思いついたのはこれです:

これは機能しますが、それが正統な方法であるかどうかはわかりません。将来、他の方法を追加する必要があるかもしれません. 最後['elasticui']の部分である.constant('euiHost', 'localhost:9200')";

プロジェクトに ElasticUI を追加していますが、問題があったのは次の手順を追加することだけでした。angular.module('yourApp', ['elasticui']).constant('euiHost', 'http://localhost:9200');

MEAN スタックまたはプレーンな Angular.js でそれを行うのはかなり簡単ですが、Pencilblue ではかなり混乱します。

これを適切な方法で行う方法についての詳細な回答を本当に感謝します。ありがとう。

0 投票する
1 に答える
525 参照

angularjs - ディレクティブのコントローラを呼び出す関数を追加してディレクティブをデコレートする

次のように宣言されたディレクティブを使用します。

ディレクティブのコントローラーは次のとおりです。

filter実際、ディレクティブには 2 つの属性を含むオブジェクトを含むスコープがfilter : { enabled : boolean, filter : object}あり、ディレクティブは次のように使用されます。

ボタンをクリックすると、filter.enabled が設定されます。私の目的は、ディレクティブの外部関数を介して filter.enabled 値を変更できるようにする動作を追加することです。

ディレクティブは次のようになります。

wherefnは を取り、somevariableに設定しfilter.enabledます。

前もって感謝します、

0 投票する
1 に答える
874 参照

javascript - エラスティック UI を介して angular および elasticsearch で無限スクロールを実装する

AngularJS と Elasticsearch の両方の初心者である私は現在、ElasticUI (Elasticsearch の AngularJS ディレクティブ) によって管理されるフロントエンドに無限スクロールを実装する必要があるプロジェクトに取り組んでいます。

ElasticUI は、別のページに結果をロードできるページネーション オブジェクト (euiSimplePaging) を提供しますが、スクロール時に新しい結果をロードして、現在の結果に追加したいと考えています。

動作する ngInfiniteScroll をすばやくセットアップしましたが、両方のアプリのリンクを開始する場所がわかりません。将来のステップでは、石積みのようなグリッドで表示する必要があるため、表示する前に結果を聞くこともできます。

誰かが始める方法の手がかりを持っていれば…

0 投票する
1 に答える
71 参照

elasticsearch - マッピングで no_analyzed を使用してもトークン化される文字列の Elasticsearch 配列

これは私を夢中にさせています。私は自分のデータにいくつかの配列を持っています。これはスリム化されたバージョンです:

わかりましたので、elasticsearch での私のマッピングは次のとおりです。

これらをファセットとして表示すると、次のようにタグが正常に表示されます。

[ ] - 何とかタグ 1

[ ] - 何とかタグ 2

ただし、添付ファイルはトークン化されており、単語ごとにファセットを取得します。

[ ] - いくつか

[ ] - ファイル

[ ] - 1

attachments プロパティは contactInformation 内にあるため、マッピングは次のようにする必要があるかもしれないと考えていました。

しかし、それはドットを予期せずにエラーをスローしました。

何か案は?

0 投票する
1 に答える
776 参照

javascript - ディレクティブで rootScope にアクセスする

このelasticuiベースのディレクティブ内からrootScope変数にアクセスする方法を100万回試しましたが、運はありませんでした。$rootScope が実際にその親コン​​トローラーに渡されていることを念頭に置いて、ディレクティブを次に示します。

他の場所では、$rootScope.esIndex を参照したいインデックスに設定していますが、「$rootScope が定義されていません」というメッセージが表示されます。ディレクティブのスコープ プロパティを false に設定し、リンク関数の戻り値の一部として $rootScope.esIndex にウォッチャーを設定しようとしましたが、何をしてもわかりません。

私にとっての問題の一部は、この構造が、新しい角度のある人が消化するための指示的な観点から少しわかりにくいことだと思います. これは、はるかに大きな一連のディレクティブ定義のブロックであるため、把握するのは困難です。

ここで $rootScope を簡単に取得する方法はありますか?

事前にトンをありがとう!

0 投票する
1 に答える
179 参照

angularjs - AngualrJS ElasticUI スライダー フィルター

ElasticUI を使用しています: https://github.com/YousefED/ElasticUI

コントローラでこのスコープ 1 を使用すると、正常に動作します。

1.

しかし、スコープ2を使用すると動的な結果が機能しません

2.

提案をお願いします。

0 投票する
0 に答える
657 参照

reactjs - React Hook Form と Yup Schema Validation を備えた Elastic UI DatePicker

エラスティックUIの日付ピッカーを反応フックフォームとYupスキーマ検証と統合しようとしています。デフォルトでは、Yup date schema は通常の js Date またはそのように解析できる文字列を探しているのに対し、elastic ui datepicker はその日付の瞬間を受け入れて出力することを知っています。したがって、日付スキーマにトランスフォーマーを追加して、値を瞬間に解析しようとしました。これを試してみると、日付に何かを選択したことが登録されず、トランスフォーマーが実行されません。次に例を示します。

そして、これが起こることです: 日付が必要です