問題タブ [angular-ng-if]

市松模様のボードをレンダリングするために修正する必要があるコードがあります。現在の様子は次のとおりです。

http://i.imgur.com/Fh4pyMR.png

ご覧のとおり、2 行目の最初のセルは青になっているはずです。シフトがあります。これが私の現在のコードです：

ng-repeat 内で ng-if を使用しようとしましたが、うまくいかないようです。私は AngularJS の完全な初心者であるため、何かを見逃している可能性があります。

私が必要だと思うのは、各行の色を反転させる適切な条件を追加することだけです:

編集：

数値を含む文字列のリストを含む JSON ファイルがあります。

フロントエンドで、この値に対して条件を実行できますか? すなわち:

この ng-if は複雑な ng-repeat 内にあるため、JS を記述せずにこれを実行しようとしています

私はもう試した：

コントローラーに入力の各検証タイプとエラーメッセージを保存させる目的で、検証を動的に入力に追加しようとしています。機能していますが、フォームが ng-if にある場合は機能しません。これは、非同期呼び出しが返されたときにのみ true に設定されます。

これが機能しない例を抜粋して示します: http://plnkr.co/edit/aeZJXqtwVs85nPE1Pn2T?p=preview

含まれている div から ng-if を削除すると、検証が機能し始め、非同期呼び出しで設定されたデータが入力に取り込まれます。ng-if を使用すると、テキストが入力されず、検証が実行されません。

ng-if="name" を削除すると、機能し始めます。

これがなぜなのか説明できる人はいますか？

https://groups.google.com/forum/#!searchin/angular/ng-if $20directive/angular/Vjo4HZ2bW1A/vKWf-m6BKMkJ を読みましたが、問題は似ているようですが、私が必要としているものとはまったく異なります。

助けてくれてありがとう

私の問題は、ng-if がふりをしたように動作しないことです。私は _name 属性を持つオブジェクトの配列を持っています。それに基づいて私のng-ifを作成していますが、2回の行を印刷しており、その内容はどちらか一方でなければなりません。誰でも私が失敗した場所を指摘できますか? tks

clusterEntity.cluster の配列の下。

このエラーリンクを返すAngular Js

ソリューションの適用方法がわかりません。私を助けてください。ありがとう私のJavaScript：

Web API から返される Json データ

私のHTML：

ほとんどの練習のために、angularJSで標準のjsコード（jQueryを使用）をエミュレートしようとしていますが、angularJSコードがどれほど単純であるかに満足しています。

ただし、アニメーションに問題があります。

これを ng-repeat-start に適用すると、アニメーションは問題なく動作し、要素は上からスライドして表示されます。

ただし、それを ng-if (ng-repeat-end 内) に適用すると、要素自体がまったく表示されません。「display: none;」を取り出すと 要素がページに表示されます (プレゼンテーションのフレアはありません)。

angularJS javascript アニメーションが ng-repeat-start では機能するのに、ng-if では機能しない理由を教えてください。

ところで - ここでは単に問題を示すためにインライン スタイルを使用しています。本番環境はもちろん、開発環境でもインライン スタイルを使用しません。

以下のスプリングコードと同じ動作を実現しようとしています:

説明:row他の 3 つの HTML 要素が追加された後にのみ、クラスから新しい div が必要です。私はこれを次のように試しましたng-if：

しかし、div.row 内にある要素が 1 つだけであるため、明らかに機能しません。

最初のdivのみを追加して後で閉じることができるif句はありますか?

前もって感謝します。

ng-if を使用すると、2 番目のボタンが機能しないのはなぜですか?

モデル値が設定されている/「」ではない/nullでない場合にのみ存在するボタンを実現したい。

テンプレート：

コントローラ：

遊ぶには：JSFiddle

私は一種の TabControl を作成しました。そこでは Pages をアクティブにし、PageNumber に応じてテーブル (ng-repeats) を表示します。このテーブルは独自のディレクティブ (自作のグリッド ディレクティブ) です。

すべてのページで ngIf が使用され、対応する PageNumber が設定されるまでレンダリングされませんが、タブページが少ない場合は、タブページが多い場合よりもアプリケーションが高速になることがわかりました。

私は、ngIf コンパイルがコンテンツであるためだと信じています。「compileNodes」が頻繁に呼び出されることがわかりました。

誰も同じことを経験していますか？回避策のアイデアはありますか?

編集: また、興味深いのは、最初に tabcontroll (単一ページ アプリケーション内のリンク) に移動するときは高速で、その後は遅くなることです。別のコンテンツに移動すると、タブ付きコントロール全体が削除されますが、何かが記憶されているかのように。

編集2： 私はまだそれを理解しようとしています. ngRepeat で行う別の TabControl 内に TabControl を表示しているので、ngRepeat である可能性もあります。興味深いことに、自分のページに初めてアクセスしたときは速く、次にクリックして別のページに移動し、戻ってきたときは遅くなりました! ngRepeat はいくつかのものをキャッシュに保持しますか?? Browser-Profile は、jQuery の data_user -> キャッシュに解放されていないものがいくつかあることを教えてくれます (Chrome では、クリックごとに最大 9MB のデータが!!)

エラーは、モデルの属性を angular ng-if ディレクティブの条件として使用した場合です。エラーが発生します

そして、私のhtmlは次のとおりです。

このコードを新しい ionic プロジェクトにコピーしようとしましたが、他のプロジェクトで完全に実行できます。Ng-if は組み込みの angular ディレクティブです。なぜそれが異なる出力になる可能性があるのですか? そして、それはそれを解決するためのアプローチですか？