問題タブ [ng-view]

URL から製品の識別子を取得しようとしています (例: /product/<productId>)、mongodb から製品オブジェクトを取得し$scope、アプリケーションでそのオブジェクトにアクセスできるようにします。URL から productId を取得することは で正常に機能しますが、オブジェクトを mongodb からスコープに入れるのに苦労しています$routeParams。

サーバー側でコードを追加する必要があると思いますがproducts-controller.js、サーバー側で $scope から productId を呼び出すにはどうすればよいですか?

クエリがどのように表示されるかはわかっています (例: db.products.find({_id : ObjectId("5422c8b2d4cc50e99f007f73")}))

サーバー.js
app.get('/api/products', productsController.list);

app.js

products-controller.js (サーバー)

angular-bootstrap で angular を使用すると、ngRoute を使用して ng-view タグ内でダイアログを使用しようとすると、単純な問題が発生します。

このplunkerでは、ngRoute と ng-view を除いた作業バージョンを確認できます。

Javascript:

HTML:

これで、角度がスコープを正しく更新していないことがわかります。

Javascript:

HTML:

意見：

誰か助けてくれませんか？

私は Eclipse の AngularJs を調べましたhttps://github.com/angelozerr/angularjs-eclipse/wiki/Getting-Startedと、作成したすべての例は、この routeProvider の例を試すまで、コントローラーやその他のクールなものと同じようにうまく機能しました。

index.htmlを開いたときにビューページが表示されないため、この件に関して以前に尋ねられた他の質問で見たいくつかのことを試しました。

私が試したビューのプレースホルダーで：

私も追加しました：

と：

また、eclipse で angularJs を使用しているときにコードをデバッグし、Web ブラウザーで html ファイルを開くことはできますか?

index.html:

単純な AngularJS アプリを接続しようとしていundefined is not a functionますが、ビュー ディレクティブでエラーを回避できません。奇妙なことに、最初のビューが実際にロードされ、ディレクティブにレンダリングされますが、2 番目のビューに移動できません。コントローラーは間違いなく実行されていません。ここで何が起こっているのかわかりません。何か案は？

Angular バージョン: 1.2.26 (1.2.20 と同じエラー)

エラー

アプリコード

ng-view の外側のスコープ isAuthenticated にアクセスしたい。本体に ng-controller を追加しようとしましたが、解決ブロック内にあるため isAuthenticated にアクセスできないという問題があります。

これは私が持っているものです:

1つはホームページに、もう1つはユーザーがログインしているときに、2つのナビゲーションバーの状態があります。

すべてのビューにナビゲーション バーを配置したくありません。コードを複製したくありません。

2 つのメニューを備えた Web アプリケーションを取得しました。1 つは上部にあり、もう 1 つは左側にあります。両方のメニューのオプションは、ログに記録されたプロファイルに従って DB から取得されます。ただし、ルートに変更がある場合、メニューはレンダリングされません。

Shell.js:

私はAngularJSの完全な初心者であり、最初のプロジェクトの構築を開始しましたが、あらゆる段階で障害にぶつかっています...

私は非常に単純なものを構築しようとしています。これが私が達成しようとしていることの要点です:

• この記事 (blog.brunoscopelliti.com/how-to-defer-route-definition-in-an-angularjs-web-app) に基づいて、JSON データを使用して取り込まれ、作成された 5 つのページ/ビューがあります。これは工場に配線されています。getJSON()

  /li>

• ビューをナビゲートするとき、階層的なカルーセル遷移効果が欲しいです。つまり、インデックス 0 でインデックス 1 をクリックすると、右から左に移動し、インデックス 0 をクリックして戻ると、ビューが左から右に移動するなどです。 hasClass()。

別々のプランクで3つの主要なオプションを試しました：

オプション 1 ng-click を使用してクラスを追加する - http://plnkr.co/edit/0mrebo8BMlrz1YkttxsT?p=preview

• これにより、最良の結果が得られ、希望どおりにナビゲートされます。問題は、ブラウザの戻るボタンまたは進むボタンをクリックしたときに、クラスが同じままであることです。

• 入るビューと出るビューの両方のクラスを追加/変更します。

$routeProvider 解決を使用するオプション 2 - http://plnkr.co/edit/SPfgKUyYt7LMQITHzj2I?p=preview

• これにより、クラスを追加するときに遅延が発生します。つまり、実際には 3 回目のナビゲーション項目のクリックでのみ機能し始めます。

• このメソッドは、クラスを「開始」アニメーションに追加/変更するように縫い付けられていますが、「終了」はまだ古いクラスを保持しています。

Observe を使用したオプション 3 - http://plnkr.co/edit/TwtkGrY1Ww4uYY8n2LO5?p=preview

• このようなオプション 2 は、3 回目のクリックでのみ実際に機能し始めます。

• このメソッドは、「開始」アニメーションのクラスを追加/変更するように縫い付けられていますが、「終了」はまだ古いクラスを保持しています。

私の主な問題は、$scope と AngularJS がすべてをコンパイルする方法を理解している (または理解していない) ことだと思い始めています。

私は何週間もこれに取り組んできましたが、必要な場所に近づいていません。どんな助けでも大歓迎です。

前もって感謝します。

アップデート：

• ui-view と ui-view-extras を使用した 4 番目の例を次に示します。

• これがプランクです-embed.plnkr.co/vjSBLzMMKIrkHD7sOctN/preview

このような状況があります: 2 つのタブを持つ Web ページがあります。これらのタブは、angularjs の ng-view を使用する必要があります。これらのタブの特殊性は、C# (ref キーワード) で変数を参照するように、参照で同じ変数を使用する必要があることです。

このデモ のUsing objectセクションをチェックして、私が何を意味するかを知ることができます: http://plnkr.co/edit/zZfUQN?p=preview

したがって、メイン ページはメイン コンテナーであり、タブは子です。子の間で同じ値を使用するために、それらの子の間の参照として変数を保持する方法。

- 編集

非常に重要なことを忘れています。参照変数は子によって変更される可能性があり、他の子の間で値を保持する必要があります。お手伝いありがとうございます、

カリン