問題タブ [ng-hide]

私は angularjs を初めて使用し、異なるクリックに基づいて ng-show と ng-hide を使用して、異なる Div を表示および非表示にするためのロジックを作成するのに苦労しています。

プランカー

ビュー 1:

最初は、ドロップダウン、いくつかのリスト項目、および編集ボタンが表示されます

[編集] ボタンをクリックすると、すべてが非表示になり、ビュー 2 が表示されます

ビュー 2:

ビュー 2 には、「Create New item」ボタン、ビュー 1 のリスト項目と同じ値を持つ入力フィールドのリスト、および保存ボタンがあります。このビュー 2 は、基本的にビュー 1 の編集モードです。

今まで正常に動作します。

問題: [+Create new item] をクリックすると、[View 2] が非表示になり、[View 3] が開くはずです。

ビュー 3 空白の入力リストと「保存ボタン」が含まれています。「保存ボタン」をクリックすると、「ビュー 3」が非表示になり、「ビュー 1」が再び開きます。

ビュー 3

ng-show と Hide を使用した異なるボタンのクリックに基づいて、3 つの異なるビューを管理するのに苦労しています。「+新規作成ボタン」をクリックすると、適切に表示および非表示になりません。

ng-show と ng-hide のみで完全に機能させることは可能ですか? 処理するより良い方法はありますか?

どんな助けでも大歓迎です。

シンプルな ng-repeat-start と ng-repeat-end があります。ng-repeat 内で、ng-click があります。ng-click 内で ng-repeat-start の $index を使用して、ng-show を表示/非表示にするにはどうすればよいですか。

HTML:

基本的に私が持っているものは次のとおりです。

$index は親 ng-repeat-start から決定されます

ng-repeat ディレクティブを使用して、コントローラーのリストからアイテムのループを表示しています。これらは、最小化ボタンが付いた通常の todo アイテムです。したがって、アイテムを最小化するために私が行っているのは、それらの特定の要素の最小化ボタンをクリックしたときに ng-hide を true に設定することです。コードは以下の通りです。

これがどのように見えるかです

別の ng-repeat を使用して右側のパネルにリストを表示しました。ここでは、メモのタイトルと、それらが非表示の場合は最大化するボタンを表示するだけです (制約は、単一の ng-repeat で左側と右側の両方のパネルを使用できないことです)。問題は、最小化ボタンをクリックするたびにその特定のアイテムが非表示になることですが、右側のパネルの最大化ボタンを使用して再度表示することができなくなりました。

アイテムの現在の状態が「非表示でない」場合に true を返す最小化ボタンの ng-click 用のコントローラーで関数を作成しようとしました。最大化ボタンの ng-click を介して同じ関数に変数を渡し、false として設定しました。 ng-hide用。しかし、それは機能していません。

私は今うんざりしています。皆さんが目的を達成した場合は、同じことを達成するのを手伝ってください。:(

編集：これが右側のパネルコードです

私は非常に単純な angularjs コードを持っています:

エラーを返します:

foo は整数の数値です。これを確認しました。

同じエラー:

しかし、エラーはありません:

前もって感謝します

AngularJS では ng-show 関数が div 部分で機能していません

ここにコードがありますhttp://plnkr.co/edit/jEuOmxR67kwO8tOeSz3g?p=preview 行 84 でわかるように、ng-show を含めましたが、まだ出力に表示されています。

ユーザーがボタンを押したときだけチャートを表示しようとしています! 現在、私は以下を作っています：

HTMLで：

controllers.js で:

しかし、グラフは表示されません...私の $scope.secondGraph starts = true

前もって感謝します

私は何かに行き詰まっています。それはごく普通のことです。この問題を解決するためのファクトリを作成しようとしていますが、これを回避する賢い方法があるに違いないと考えていました。

ディレクティブ templateUrl に ng-repeat があります。

私のトグル関数は次のようになります。

つまり、1 つの<p>要素をクリックすると、すべての入力フィールドが表示されます。それらはすべて同じ変数を使用しているためです。この問題に対する適切な角度の解決策を作成することに頭を悩ませることはできないため、このアイテム内の 1 つだけが切り替えられます。そのような解決策は存在しますか？