問題タブ [ng-switch]

たぶん、2 ウェイ バインディングの使用は、$watchまだあまり明確ではありません..しかし、このコードが機能することを期待していました!

index.htmlページにtopNavbarディレクティブがあります。ユーザーがログインしていない場合、topNavbarはloginButtonを表示する必要があります。それ以外の場合は、ログイン済みの場合はloginButtonを表示します。

だから私はtopNavbarng-switchにあり、CurrentUserServiceのisLogged属性を見ています。これは のようなものだと思います。$watch(CurrentUserService.isLogged)

ただし、 に変更CurrentUserService.isLoggedしてtrueも、ng-switchはすぐには更新されません。ボタンをクリックしてビューを変更するなど、私のアクションの後に更新されます。期待どおりに動作しないのはなぜですか?

これは私のコードです：

index.html

ディレクティブ テンプレート

コントローラー navbarCtrl

CurrentUserService

ありがとうございました

p という変数の値を変更するスイッチがあります。

私のコントローラーで：

問題:上記の $scope ノードを印刷すると、すべての新しいノードが表示されます。オフとオン (p=false の次に p=true) を切り替えると、最初の $scope.nodes が作成されます。スイッチでノードがリセットされるのはなぜですか? この例を参照してください: plunker

編集: ng-switch は、ディレクティブがない場合はスコープを変更せずに機能しましたが、その中でディレクティブを使用したときにスコープを再初期化しました。ng-switch を削除して代わりに ng-show を使用した理由は正確にはわかりませんが。

Angular でこのオブジェクトを取得しました。

そして、私の HTML では、それをループして、アプリに一連の列を動的に作成する必要があります (Trello のようなものを考えてください)。

それぞれtypeがカスタム ディレクティブへの参照です。

ディレクティブを配置する最良の方法を見つけようとしています。

このデータに基づいて、以下のコードはこれらを動的に作成する適切な方法ですか?

...のようなことができるようになりたいのです<{{obj.type}}-feed />が、これが有効かどうか、またはこれを作成するためのより良い方法があるかどうかはわかりません。

考えは大歓迎です！

その部分に来たとき、私はngSwitchディレクティブの AngularJS API リファレンスを熱心に読んでいました。

on="..." 属性 (または ng-switch="..." 属性) に式を配置します。

もちろん、どちらも同じように機能するように見えるので、式を配置する方法が2つあるのはなぜだろうと思っていました.

何らかの理由があると思いますが、今のところ何も見つかりません。

テストするプランカー: http://plnkr.co/edit/VAq1t4744bnNC6RgZtEn?p=preview

私はangularjsの新機能で、angularjsアプリケーションにjsonがあります。そのjsonが空でない(配列である)ときにng-switchを機能させたいです。それは大きなjsonで、その一部について話しているのですが、ng-switchで可能ですか? または、コントローラーでスコープパラメーターを設定する必要がありますか? または私が知らない他の方法

JSON

マークアップ

「cardViewer」と呼ばれるAngularディレクティブを作成します。これは、その中の画像をアニメーションで表示できます。

「前へ」ボタンを押すと、画像が左にスライドします。「次へ」ボタンを押すと、画像が右にスライドします。

アニメーション クラスのみをng-switchサポートする でこれを実行しようとしています。しかし、入るには2つの方法（左右から入る）、出るには2つの方法（左右に離れる）が必要です。.ng-enter.ng-leave

だから私はng-classこの問題を解決しようとします。toLeft切り替える前にクラスを追加して、特定のcssアニメーションを適用できることを願っています。

しかし、それは正しく機能していないようです。「次へ」ボタンを2回押すと、うまくいきます。しかし、「次へ」を押してから「前へ」を押すと、新しい画像は正しい方向に入力されますが、古い画像は間違った方向に残ります。

私のディレクティブ テンプレート:

指令：

CSS:

ここに私のプランカーがあります: cardViewer

コードの何が問題になっていますか? ng-switch を複数の方法で出入りさせる正しい方法は何ですか?