問題タブ [ng-repeat]

angular js アプリで剣道グリッドを使用しようとしています。アプリケーション内のさまざまなテーブルで使用できるように、ディレクティブを作成しています。ng-repeat が呼び出したい dom をレンダリングしたら、element.kendogrid() を呼び出します。ng-repeat にはレンダリング後のコールバックがないため、次の 2 つのディレクティブを使用することを提案する人もいます。

angular.module('アプリ')

2-

angular.module('アプリ')

このアプローチは正常に機能し、すべてが適切な順序で実行されます。つまり、アイテムを正しい順序でレンダリングしますが、剣道グリッドを使用すると、グリッド内に {{customer.CustomerID}} がレンダリングされます。誰かがこのようなことを経験しましたか?

私はこのようなことをしようとしています:

ただし、ng-repeatロジックはディレクティブのコンパイル状態にあるため{{myRepeatExpression}}、変数ではなく通常の文字列として扱われます。これは明らかに機能しません。

そのための回避策はありますか？

ng-repeat タグに大なりフィルタを適用しています。次のカスタム フィルター関数を作成しました。

次の HTML コードで使用します。

$scope.minPrice が更新されたときに ng-repeat タグの更新をトリガーする最良の方法は何ですか?

ここで何が間違っていますか？js フィドル: http://jsfiddle.net/A2qCS/4/

コントローラ：

• AngularJS アプリケーションの特定の問題について頭を悩ませています。

基本的に、サービスを介してデータのリストを取得するコントローラー「PageCtrl」があります。データは PageCtrl 内に保存されます。すべて正常に動作します - これまでのところとても良いです。

今私の問題: PageCtrl 内のデータの各オブジェクトに対して、ng-repeat を使用して、フェッチしたばかりの各データを表示します。

各 ng-repeat では、各オブジェクトに含まれるデータに応じて、正しいテンプレートを取得するために ng-include を使用します (基本的に、データはページに表示される要素のリストです。各要素には独自のテンプレートがあります)。コントローラ。

ng-include が新しいスコープを作成すると、作成されたすべての子スコープ/コントローラーは、$parent コントローラー - PageCtrl にあるため、データにアクセスできます。

ng-repeat/ng-include で作成された各コントローラーが、親のデータのリストにあるどのオブジェクトを表示するために使用する必要があるかを知る必要があることを除いて、すべて正常に動作します。

基本的に、私の ng-repeat では、$index を使用して、ng-include に含まれるコントローラーに渡したいと思います。しかし、私はそれを行うことはできません ！ng-init を使用すると、ng-init 内のコードは親スコープで実行されます。私の元のPageCtrl。

ディレクティブを使用せずに、コントローラーに情報を渡して、親のどのデータオブジェクトを使用する必要があるかを知るにはどうすればよいですか?

MainCtrl のデータをループするコードは次のとおりです。

スニペットでは、含めるビューを返す MainCtrl で GetTemplateFromElement を呼び出します。含まれているビューで、どのコントローラーが作業を行うべきかを参照します。$index を使用して、含まれているコントローラーに、データ内のどのインデックスを使用する必要があるかを伝えようとしています。もちろん、コードは MainCtrl スコープで実行されます。ビューの例:

スニペットでは、「element.document_content」は ElementDocumentCtrl のスコープにあり、親である PageCtrl からデータをプルします。

PageCtrl (親コントローラー) のデータリストに含まれるディレクティブに、どのインデックスを取得する必要があるかを伝えるにはどうすればよいですか?

それらをすべてディレクティブにする必要があるとは言わないでください:)

みんなありがとう。

ng-repeatリストを反復処理するタグ内に配置されたチェックボックス(モデルにバインド)があります。

ng-true-valueおよび属性を使用して、ボックスがチェックされているかどうかに応じて、値「YES」または「NO」をコントローラーに送信したいと考えていng-false-valueます。

しかし、何らかの理由で$scope.value2、コントローラーで が更新されていません。

ここに私の問題のあるjsFiddleがあります:: http://jsfiddle.net/HmvgW/

注: チェックボックスを ng-repeat タグの外側に配置すると、YES/NO の値がコントローラーに正しく送信されます。

ng-repeatタグ内に配置した場合、チェックボックスのクリックされた値に値をコントローラーに送信するにはどうすればよいですか?

ありがとう！

クリックして詳細を表示できるリスト ビューがあります。

私は ng-show と ng-hide を使用して、アイテムをクリックしたときに基本的に詳細を表示したり、リストにアイテムがない場合は非表示にしたりしています。

ページの読み込み時に、最初のアイテムの詳細を条件付きでリストに表示する方法を知りたいです。ありがとうございました！

編集: jsFiddle の例はこちら。

をngRepeat含むディレクティブを生成する がありiframesます。

さて、ディレクティブ内で、次のようにして、何らかのイベントの後にコンテンツを iframe にロードしています。

すべてがうまく機能します。

これらの要素の 1 つをモデル (コントローラー内) から削除すると、次のようになります。

それに応じて UI が更新されます。つまり、要素が消えます。

問題

これは期待どおりに機能します。

結果: ele2UI から消えele1ますが、iframe がロードされたままです

これはしません:

結果: ele1UI から消えele2ますが、iframe は残っていますが、iframe のコンテンツは空に戻り、iframe.load()起動されます。

ここで何が起きてるの？iframe がリセットされるのはなぜですか?

私は現在これを設定しました：

そして、私の見解では、これを行います：

そして現在、これをレンダリングします:

これ{{private.value}}はどこにも表示されず、2 つの値があるため、2 つの入力が必要です。何が欠けていますか？心から、 ロブ

PS : {{privates}} をテストすると、これがレンダリングされます