angular.js - angularjs は、ページを更新せずに、異なるタブ間で UI ビューを切り替えます。

Question

html:

リーリー

図に示すように、さまざまなラベルをクリックすると、UI ビュー領域にさまざまなページが表示されます。ただし、ページを切り替えると、ページが更新され、ページ上のすべての操作が更新されます。私が達成したいことはおおよそ次のとおりです:

リーリー

ページを更新せずにユーザーの操作を維持しながら、さまざまなタブを通じてさまざまな ui ビューの表示または非表示を制御します。
私は angularjs を学んだばかりで、ui-view の使用に習熟していません。この考えが正しいかどうか教えてください。正しくない場合は、他の方法がありますか?詳細なコードを教えてください。ありがとうございます。 ！

Answer 1

UI ビューを設定するだけで十分です。必要なのは、異なる状態に応じて異なるテンプレートをロードすることだけです

Answer 2

これは ui-router とは関係ありません。
通常のページ切り替え自体では入力を保存できません。

1. ページに入力されたデータは、タブを切り替えるときにバックエンドに永続化されます。つまり、タブを切り替えるときに最初に保存されます

2. またはサービスに保存

3. または、ローカルストレージに保存します

   つまり、保存する場所を見つけて、元に戻ったときに取得します
   

「sof」も参照

Answer 3

まず第一に、タブを切り替えるにはページを更新する必要はありません。angular.factory を使用してキャッシュを作成し、変更後にデータをキャッシュすることができます。ルーターを使用せず、ng-show を使用して 4 つのビューの表示を制御したい場合は、ui-view を include

に置き換えることができます。

Answer 4

各タブはUIビューに対応しており、各ページを異なるビューで表示できます

Answer 5

angular.factory はキャッシュを作成し、変更後のデータをキャッシュします、@prototype

キャッシュを使用します。これは良いアイデアです。学びました