問題タブ [angularjs-bootstrap]

ECサイトを構築しています。現在のフィルター基準を監視する「horizo​​ntalShoppingByCategoriesLayout」というディレクティブがあり (返される製品をフィルター処理するため)、ユーザーがこれらのフィルター基準を変更すると、ディレクティブは検索パラメーター $location.search(..) を設定します。

その同じディレクティブで、私のコードは URL を監視するように設定されており、(フィルター基準の変更により) URL が変更された場合は検索を実行して製品を返すように設定されています。

フィルター基準は、「horizo​​ntalShoppingByCategoriesLayout」のテンプレートで定義される「filterCriteriaVarietyCategoriesHorizo​​ntal」というディレクティブで定義されます。

ユーザーがフィルター基準カテゴリ ボタンにカーソルを合わせると、角度イベントがトリガーされ、Angular-UI Bootstrap ドロップダウンがドロップダウンされ、そのフィルター基準カテゴリのオプションが表示されます。次に、ユーザーはフィルター基準オプションをクリックできます。これを "horizo​​ntalShoppingByCategoriesLayout" が検出し、$location 検索パラメーターの変更を呼び出します (これにより、URL が変更され、製品の Web サービス呼び出しが開始されます)。

ドロップダウンのフィルター基準オプションは、一連のチェックボックスです。私の問題は、ユーザーがこれらのチェックボックスのいずれかをクリックすると、ドロップダウンが閉じられることです。これは、ユーザーがドロップダウンの開始を開始したボタンから離れたときにのみ発生するはずです。チェックボックス自体をクリックすると、チェックボックスで ng-click="$event.stopPropagation()" を呼び出してドロップダウンが閉じるという問題を既に修正しました。filtercriteria カテゴリ、ドロップダウン、およびチェックボックスのコードは次のとおりです。

$location.search(...) を使用して検索パラメーターを URL に追加していると確信しています。これにより、ドロップダウンが閉じられます。これは、(フィルター基準への) 検索パラメーターを追加する行をコメントアウトすると、 url をディレクティブ「horizo​​ntalShoppingByCategoriesLayout」に追加すると、ドロップダウンが閉じません。

ドロップダウンのチェックボックスを使用すると、クリックイベントで stopPropagation() を呼び出すことでドロップダウンが閉じないようにすることができましたが、 $location 検索パラメーターの変更については、その変更に対してプロポゲーションを停止する方法がわかりません。

$location.search パラメータが変更されたときにドロップダウンを閉じないようにする方法を知っている人はいますか?

他の 2 つのモジュール「app.core」と「app.service」を含むグローバル モジュール「app」があります。これが基本設定です。2 つのサブモジュール内で、2 つのモジュールの両方から定数にアクセスできます。ただし、「app.core」または「app.service」内の「app」で宣言された定数にアクセスできません。

また、サーバーから構成を取得する必要があるため、初期化を遅らせるために angular.bootstrap を使用します。しかし、構成を受け取った後、angular.module('app').constant('config', config); を実行します。したがって、定数は適切に定義する必要があります..

最後に、「app」モジュール構成内で、構成定数にアクセスできます。

何か案が ？

'app' モジュール定数宣言

「app.core」定数

「app.service」でコア定数を取得できます

しかし、「アプリ」定数を取得できません

クラッシュします

UpdatePanel を含む ASP.NET アプリケーションの iframe があります。アプリケーション内で Angular を使い始めましたが、.NET ポストバックが原因でうまくいきませんでした。

これを解決するために、次のソリューションを使用しました。

そして、それはうまく機能します。

問題は、ASP.NET ページで別のユーザー コントロールを別の ng-controller で動的に読み込むと、Angular がアプリが既に読み込まれているというエラーをスローすることです。

問題は、アプリが既にブートストラップされているかどうかを確認するにはどうすればよいですか? このモジュールをリロードできますか? 要素から削除して、再度ブートストラップすることはできますか?

ありがとう。

全て、

Angular js Bootstrap DatePicker で検証を実装する必要があります。次のシナリオで機能します

1. ページが読み込まれている間、検証は行われません

2. onChange空で無効な日付形式をチェックする日付テキストボックスの

3. 日付ピッカー カレンダーから有効な日付を選択すると、上記のシナリオ番号 2 に記載されているエラー メッセージが削除されます。

4. テキストボックスに無効な日付を入力すると、「無効な日付形式」がスローされます。

ただし、次のシナリオでは機能しません。

5. 有効な日付を入力しても、「無効な日付形式」というエラー メッセージが表示される

ここに私のコードスニペットがあります

ここにExample.jsがあります

問題は、5 番目のシナリオを有効にする方法です。

angularブートストラッププロジェクトでxeditableポップアップを使用するには? http://vitalets.github.io/x-editable/docs.htmlに記載されている手順に従っ てください。エラーが発生します: ReferenceError: $ is not defined