問題タブ [angular-ng-if]

私が間違っていない限り、うまくいくはずの何かに問題があります。

次のように設定された key:value オブジェクトがあります。

私の見解では、これがあります：

問題: Works だけを使用するkey != 'key1'と、key1 のキーと値が表示されません。

私value != nullもworksだけを使うと、key4は表示されません。

しかし、if ステートメントを || と組み合わせると、(または)、if ステートメント全体が無視されます。

ここで何か間違ったことをしていますか？

ここに例を投稿しました: http://jsfiddle.net/caxoyud2/

事前にサンクス！

detail.html ファイルにボタンがあります。

detail.js ファイルで

formDetail.html コード内:

最初はfalsedetailsClicked に表示され、ボタンをクリックすると showDetails 関数に移動しますが、値は$scope.detailsClicked決して更新されません! なぜうまくいかないのかわからないのは簡単です:(

私はのng-include内部を持っていng-repeatます:

ユーザーがタブをクリックした場合にのみコンテンツを DOM にロードする必要があるため、次のように使用してng-ifいng-includeます。

この部分は正常に動作しています。ただし、動的コンテンツを必要とするタブが 1 つあるため、ユーザーがそのタブをクリックするたびに、そのコントローラーのスコープを再作成する必要があります。

私の理解に基づいて、ng-ifDOM要素を削除/再作成するために使用することもできます。ng-if ドキュメントによると：

ngIf ディレクティブは、{expression} に基づいて DOM ツリーの一部を削除または再作成します

...

要素が ngIf を使用して削除されると、そのスコープが破棄され、要素が復元されると新しいスコープが作成されます

loaded動的タブのプロパティを false に設定するコードを追加しました。これにより、その内容が DOM から削除されます。

次に、スコープが再作成されるように true に戻しますが、スコープを再度作成することはできません。

私のアプローチは正しいですか、それともng-if私の目的に使用できるものがありますか。

searchQuery が空かどうかに基づいて、クリアボタンを表示および非表示にするために、次のようにしています。ユーザーが入力ボックスに入力を開始すると、ボタンがすぐに表示されます。

ただし、ユーザーがクリア ボタンをクリックするか、すべての入力を削除すると、クリア ボタンが削除されるまでに顕著な遅延が生じます。ng-show も試しましたが、同じ結果が得られました。このラグが存在する理由は何ですか?

HTML

コントローラ

現在、マスタープロジェクトに取り組んでいます。私のアプリケーションは、オンライン ポートフォリオ管理です。ユーザーはアプリに登録してプロフィールを作成できます。ここで、プロファイル ビューに [編集] ボタンと [削除] ボタンを付けたいと思います。ただし、プロファイルを作成したユーザーだけがこのボタンを表示できます。たとえば、私がアプリのユーザーである場合、自分のプロファイルの編集ボタンと削除ボタンのみが表示され、他のユーザーのプロファイルのみが表示されます。

私はAngularJSが初めてです。簡単に見えますが、それでもうまくいきませんでした。プロファイルの表示とプロファイルの編集の異なるビューがあります。しかし、私は両方のコントローラーを1つしか持っていません。

これは私のビュープロファイルコードがどのように見えるかです.

HTML

コントローラ

どうすればこの問題を解決できますか? どんな助けでもいただければ幸いです。

私の目的：カルーセルボタンがクリックされるまで、カルーセルのダウンロード画像を防ぎたい

ng-if 画像を含むバージョンがカルーセルに読み込まれません。

____________ ____________ ____________ ____________

with ng-showはすべてをロードし、ng-show="false" の場合は非表示のままにします。

（firebugネットタブで見た）

__________________________________

carousel.html は、親で ng-show を使用すると機能します。

この問題は奇妙だと思います。

基本的に、条件に基づいてページにブロックが存在するようにしng-ifます。しかし、ng-if上記のブロック内でそれを変更しようとしても、他の要素には影響しません。

なぜこうなった？

JSFiddle はここにあり、コードは以下のとおりです。