問題タブ [angularjs-1.5]

私は3つのdropdown箱を持っています。データをフィルタリングする必要があり、チェックボックスの選択に基づいてテーブルに表示する必要があります（single checkboxまたはtwo checkboxesまたはthree checkboxes）。

私は次のことを行いましたが、はっきりと観察すると、 を使用してデータを適切にフィルタリングすることができませんAngularJS。

お気に入り：

a. それは動作するはずですindividual checkbox selection：つまり、またはまたはsingle checkboxからいずれかを選択すると、それぞれの一致するフィルター処理されたデータがテーブルに表示されます。 'データを表示しない)NameDescriptionField4

b. 動作するはずですmultiple(two) checkbox selection：つまり、 and と and のような複数のチェックボックスを選択するone from Nameとone from Description or one from Description、one from Field4 or one from Field4それぞれone from Nameの一致するフィルター処理されたデータがテーブルに表示されます。それ以外の場合、データは表示されません(つまり、チェックボックスの選択と一致しない場合)データが表示されないことを意味します)

c. 動作するはずです:ととmultiple(three) checkbox selectionのような 3 つのチェックボックスを選択すると、それぞれ一致するフィルター処理されたデータがテーブルに表示され、それ以外の場合はデータが表示されません (つまり、チェックボックスの選択と一致しない場合は、データは表示されません)one from Nameone from Descriptionone from Field4

最初のcheckbox選択のみで正常に動作しています。つまり、上記のコード/アプリをロードした後 check、上記の選択のいずれか (single checkbox選択またはtwo checkbox選択またはthree checkbox選択など) のいずれかの場合、正常に動作しますが、後で動作しません(uncheck上記のいずれかの基準を選択し、checkbox再度選択すると機能しないことを意味します。そのためには、アプリ/コードを更新する必要があり、それのみが機能します)。

例: Name から 1 つを選択すると、それぞれの一致したデータが表示されます。それからもう一度uncheck同じようにしたら、それcheckは機能していません。上記のすべての基準についても同様です。はっきりできます。some other checkboxDescriptionobserve

ここで間違ったことを教えてください。適切にフィルタリングする方法を教えてください。Fiddleを作成しました。前もって感謝します ！

Component.HTML ファイル:

これは component.js ファイルです:

2 秒ごとに新しいデータを取得する API 呼び出しがあり、新しいデータを取得するたびにテーブルを更新したいと考えています。Angular 1.5 を使用していますが、テーブルを更新する方法がわかりません。

たとえば、次のような文字列を返すサーバーがあるとします。

それを $parse して関数にすることは可能ですか?

私はそれを解析しようとしました:

しかし得る

次のようなものが欲しいです：

次のようにカスタム ディレクティブを作成しています。

シナリオは次のとおりです。

1. はのdirective-a範囲内にありますcontrollerA。
2. ディレクティブは customData(Array of Objects) を受け取り、提供された特定のキー (customKey) に基づいて customData 内のデータcontrollerAをグループ化します。
3. javascript を使用して動的に挿入し、ng-repeattranscludeFunction を使用して Transcluded-Content をng-repeatトランスクルードし、最後に の親をコンパイルしng-repeatてリストを表示します。

Transcluded-Content は、データが によって渡されるテンプレート (ユーザーによって渡される) として機能しますdirective-a。

直面している問題は、Transcluded-Content が静的な場合は適切に機能しますが、Transcluded-Content がカスタム ユーザー作成のディレクティブである場合、Angular が次のエラーを報告することです。

未定義のプロパティ 'X' を読み取れません。

このエラーの理由 (私が思うに) は、angular がユーザーが渡したカスタム ディレクティブのデータscope of controllerAを検索し、それを見つけることができないため、エラーが発生するためです。

私の問題を解決するにはどうすればよいですか？

角度バージョン: 1.5.8

JSFiddle スニペット

アプリケーションの配列を返す http.get があります

それらのそれぞれについて、カード（カスタムディレクティブ... google nowカードを考えてください）を作成し、それらにブートストラップモーダルを追加します。次に、各カードをクリックして、その特定のアプリに関する詳細情報を取得できるという考えです.

Modal のコードで、アプリに関する情報 (アプリ名など) を取得したいと考えています。これは for ループの外側にあるため、Angular はアプリ名を追跡できず、エラーがスローされます。

angular Apiを読みました...アプリ名をモーダルに「バインド」して認識できるようにする方法を探していましたが、適切なものが見つかりませんでした。私はAngularを初めて使用するため、おそらく正しくアプローチしていません。

これにどのようにアプローチしますか？