問題タブ [ngroute]

angularjsangularアプリにルーティングを実装しようとするのは初めてです。私のアプリは次のことを行います

1. ユーザーはFacebook経由でログインできます
2. 次に、ナビゲートするリンクを選択できます

以下は私のメインangularjsファイルです（ルートとfacebook接続で、facebook接続は機能しています:)）、私の問題は、ルーティングが機能しない..

行制御フローにデバッグ ポインターを追加すると、.when('/add', {その行にまったく到達しません。

以下は私のhrefです

<li><a href="#add">Add & Edit Recipes</a></li>

私はルーティングのためにこのチュートリアルに従っています。どんな助けでも大歓迎です

** アップデート **

私のhtml

AngularJS を使用してルート上のパラメーターとして変数を PHP ファイルに送信しています。PHP ファイルは、読み込まれた新しいビューの通常の ng-repeat で使用したい Smarty 変数のオブジェクトの配列を返します。これはどのように達成できますか？http、resolve、promise、resolve+RequireJS 遅延読み込みを調べました。これを達成するための最良の方法がわかりません。機能する方法は言うまでもありません。この時点で、ハックが機能していれば、ハックを使用することさえあります。

問題は、myProjectsコントローラーで、PHP ファイルから返された Smarty 変数を定義すると、userId パラメーターを含むルートが呼び出されるまでそのデータを使用できないため、undefinedエラーがスローされ、スクリプト全体が強制終了されることです。

どんな提案でも大歓迎です！

resolve メソッドの変数の 1 つに別の変数の依存関係があります。resolve メソッドの変数間で同じ約束を共有することは可能ですか?

$route.current.locals は解決された変数を格納しているようですが、var2 が処理されると、var1 がまだ解決されていないため、$route.current.locals は null になります。私がしようとしているのは、次のようなものです：

構築中のアプリケーションに ngRoute を統合しようと試み始めたばかりですが、ngRoute を機能させるのに問題があります。

私の試みを説明するための簡単なアプリを作成しました。

index.html:

app.js

tests.html

これが私の試みを示す plunkr です: http://plnkr.co/edit/ntgV5xFTl46tBugEnCVe?p=preview。この問題に関するヘルプをいただければ幸いです。

私の Web アプリケーションには多くのビュー (テンプレート) があり、ルート パラメーターだけから templateUrl を構成する静的パターンはありません。ルートを更新する柔軟性を考慮して、ルーティング テーブルを SQL サーバーに保存し、RESTful Web サービスを作成してルート テンプレート レコードを取得および更新します。ただし、構成フレーズ中に AngularJS で $http と $rootScope を呼び出す方法が見つかりません。

AngularJS で .run の前に .config が発生することを理解しています。構成では、定数とプロバイダーにのみアクセスできます。しかし、私は templateUrl 関数を使用しているため、実行時に関数本体が呼び出されます。実行フレーズで実行される te​​mplateUrl 関数に $http と $rootScope を挿入する方法があるかどうか疑問に思っていました...

私はAngularJSを初めて使用します。他の提案も大歓迎です。また、私の理解が間違っている場合は修正してください。ありがとう。

インデックス ページから別のビュー テンプレートにルーティングしようとしています。最初に、メイン インデックス ページのリストが読み込まれ、main.htmlが ng-view に読み込まれ、テキスト コンテンツが表示されます。「MainCtrl」からのデータは適切にブロードキャストされ、正常に動作します。ここで混乱しているのは、リストのアイテムがクリックされると、コンテンツ テンプレート ( content.html ) にルーティングされますが、リストを最初にクリックしたときにバインドされた値がコンテンツに表示されないことです。しかし、2 回目のクリックの後、MainCtrlからブロードキャストされたバインドされた値が表示され始めます。

main.html:

content.html:

テンプレートがすぐに読み込まれる場合でも、最初のクリックでデータをバインドしない理由が正確にはわかりません。どんな助けや考えも大歓迎です。しばらく頭をかく。

Angular アニメーションは初めてで、ルート ビューをアニメーションで移行する際に問題があります。

ng-route と ng-animate を使用しています。

URL（/ page1、/ page2、および/ page3）に応じてng-viewを使用してインデックスファイルに表示される、page1.html、page2.html、およびpage3.htmlの3つのビューがあるとしましょう。

現在の URL が /page1 である場合 (および page1.html が表示されている場合)、ng-enter および ng-leave を使用して CSS クラスを追加し、ページ間の遷移を適切にアニメーション化する方法を知っています。私が問題を抱えているのは、さまざまな状態でさまざまなアニメーションを処理する方法です。

たとえば、すべての CSS ルールを追加して、url /page1 を離れるときに page1 が左にスライドアウトし、url /page2 に入るときに page2 が右からスライドインするようにすると、すべてがうまくいきます。しかし、page1 -> page3 の間の遷移で、page1 を下にスライドさせ、page3 を上から下にスライドさせたい場合はどうすればよいでしょうか?

これは私が持ちたいものです：

• page1 -> page2 (スライド左効果)
• page2 -> page1 (右スライド効果)
• page1 -> page3 (スライド ダウン効果)
• page3 -> page1 (スライドアップ効果)
• page2 -> page3 (フェードイン効果)
• page3 -> page2 (フェードイン効果)

ご覧のとおり、私のアニメーションは、単にページが入っているか出ているかだけでなく、起点と終点の URL/ページに依存しています。これを達成する方法はありますか？

ありがとう