問題タブ [angularjs-view]

ウィザードを実装する単純なマルチビュー Angular アプリケーションがあるため、ユーザーが [次へ] ボタンをクリックするたびに、アプリは次のビューに移動し、[戻る] ボタンについても同じです。$routeProviderすべてのビューを同じコントローラーにバインドする構成があります。各ビューは、入力フィールドを持つ巨大なフォームのチャンクを表し、$routeProviderそれらの間のナビゲーションを管理します:

問題は、ユーザーが「次へ」または「戻る」をクリックするたびにコントローラーが呼び出されるため、$scope前のステップで行われたすべての変更が単純に失われることです。

アプリケーションは$rootScope、他のすべての方法が失敗した場合に頼るのに十分小さいですが、アンチパターンとしてそれを避けたいだけです.

$scopeアプリ インスタンスのライフサイクルの最初から行われたすべての変更を最新の状態に保ち、ビューを変更するたびに再インスタンス化せずに維持する最善の方法は何ですか?

anugularjs にある Web アプリで PDF ビューアーを使用する必要があります。Angular PDF ビューアーを見つけましたが、問題ありません。しかし、それを使用するコード挿入がわかりません。

現時点で私は：

htmlで：

コントローラーで：

何が間違っていて、どのコードを挿入しますか? または、これら 2 つのファイルに挿入する正しいコードを知っている場合は、私に連絡していただけますか? ありがとう 助けて

AngularJSビューを切り替えるときに変数を更新するのに問題があり、学習するための簡単なアプリを構築しているだけです。これが私がこれまでに持っているものです：

これが私のコントローラーの一部です：

次に、main.html で、ng-click で getTeamInfo を呼び出します。

そのリンクをクリックすると、team.html に移動します。

何らかの理由で " main.teamName" が更新されていません。私もこの$scope.$apply(function(){vm.teamName = teamObj["name"]}アプローチを試してみましたが、うまくいきませんでした。また、期待どおりの結果が得られるかどうかを確認するために、前後console.log(teamObj["name"])に' ' も実行しました。新しいビューが更新されない理由がわかりません。vm.teamName'console.log(vm.teamName)'

あなたの洞察、忍耐、そして時間をありがとう！

更新 1

また、変数 ($scope.teamName) で $scope を使用し、$scope.$apply(function(){$scope.teamName = teamObj["name"]}) を使用してみましたが、うまくいきませんでした。

更新 2

$scope.$apply(); も呼び出してみました。'vm.teamName = teamObj["name"]' の後に運が悪い

タイトルのとおり、サブビュー内で複数のコントローラーを使用したい

routes.js (例):

または、3 番目のコントローラー内に CtrlOne と CtrlTwo を配置する必要があります。

現在select、特定の基準が満たされたときに ng-show を使用してDOMオブジェクトを表示し、input他のすべての場合にDOMに対して ng-show を使用するビューがあります。これを行って2つのケースを切り替えると、inputボックスが表示されるよりも消えるのに時間がかかりselectます。遅延はかなり目立つので、2 つの DOM 変更の間の遅延がほとんどないように改善したいと考えています。

これを行う方法はありますか？

私の見解では、計算されたプロパティを複数回表示したいのですが、複数回表示すると{{ctrl.Compute()}}、計算関数が複数回呼び出されます。

このplunkrデモを作成して、質問を簡単にしました http://plnkr.co/edit/TcMcJUipLKk94dthnivU

コントローラ

意見

ビューでは、4 回呼び出していることがわかります。これは、{{ctrl.count()}}計算が 4 回行われていることを意味します。計算を 1 回だけ実行して、値を複数回表示するにはどうすればよいですか?

のようなアイデアを提案しないでください。ctrl.list配列をコントローラーの一部にしてから、ビューで使用します{{ctrl.list.length}}。このアイデアは、たとえば、複雑な計算が必要な場合には機能しません。

10/05 編集

私はこのanjularjsとasp.netのチュートリアルに従っています。自分でいくつか追加しようとしていますが、行き詰まっています。サーバーから JSON オブジェクトを取得しています。オブジェクトのコンテンツをクライアントに表示しようとしています。問題は、ID、名前、およびパスワードのリストが表示されるはずのときに、クライアント側で [object Object] を取得していることです。ここで何が欠けていますか？

AngularJS と Angular-Route バージョン 1.4.7 のインデックス ページ

// 10/06 更新:

CDN 参照を使用する代わりに、AngularJS と AngularJS-Route 1.4.7 をダウンロードして参照しました。アプリケーションを実行すると、JSON オブジェクト全体が表示されるだけです。

追加されたルート

10/07 更新

ビューを変更してビューを返し、json オブジェクトをユーザーのコントローラーにハードコーディングするとうまくいくことに気付きました。そのため、[HttpPost] アノテーションを付けた別のメソッドを追加し、$http.get を $http.post に変更し、ID パラメーターを追加しました。また、「/Templates/ListUsers」が「/Templates/ListUsers/1」になるようにオプションの ID を持つようにルートを変更しました。パラメータが 1 の $http.post が HttpPost アノテーション付きのメソッドにリダイレクトされることを期待していましたが、そうはなりませんでした。この時点で、物事が私にとって理にかなっているのかどうかはわかりません。$http.post をもう一度読んで、どこで間違いを犯したかを確認します。

私が取り組んでいるこの angularJS アプリケーションがあります。正常に動作するログイン ページがあります。ただし、メニューページへの遷移は機能しません。ビューが期待どおりに置き換えられていません。ここで何が欠けているか、間違っていますか? ここに私のアプリケーションからのいくつかの部分的なコードがあります:

// インデックス ページ

//ホームランディングページ

//Partial Controller - ユーザーをメニューのホームページにリダイレクトする

//非認証ヘッダー

//インデックス ページには次のメッセージのみが含まれます