web-dev-qa-db-ja.com

angularが単一ページアプリケーションと呼ばれる理由

Angular(JS)に関連する最も一般的な用語の1つはS.P.Aです。

  1. Angular(JS)が単一ページアプリケーションと呼ばれるのはなぜですか?
  2. Angular(JS)サイトでURLが変更されても、それはS.P.Aと呼ばれますか?
  3. Angular(JS)を使用して作成されたすべてのサイトは、実際には単一のページアプリケーションですか?なぜではないのですか?

これらの質問への回答がAngular(JS)について明確になることを願っています。

4
S.Pradeep

3つの質問に答える前に、[〜#〜] spa [〜#〜]が何であるかを知ってほしい

単一ページアプリケーション(SPA)は、単一ページに収まるWebアプリケーションです。すべてのコード(JS、HTML、CSS)は、単一のページスタックで復元されます。さらに、ページ全体を活性化せずに実行されるページ間のルーティング。

SPAの利点:

1.ページのちらつきなし。ネイティブアプリケーションの感触。

2.クライアント側のルーティングとクライアント側でのデータのレンダリング。

3.サーバーからのデータはJSON形式です。

質問に来る

1。なぜangularは単一ページアプリケーションと呼ばれますか?

Answer:Angular Jsはフル機能のSPAフレームワークであり、どのシングルページアプリケーションが作成されるかを支援します。SPAでは、ページ全体が毎回リロードされるわけではありませんビューが変わります

したがって、初めてアプリケーションをロードするとき、サーバーからのすべてのページがレンダリングされるわけではありません。アプリケーションをロードするときにロードされるのはindex.htmlのみです。単一のページのみがロードされるため、SPAと呼ばれます

2.URLがangularサイトで変更された場合でも、スパと呼ばれますか?

Answer:基本的に、URLの変更はルーティングによって行われます。 AngularJSのルーティングは、ページ全体を更新せずに<ng-view>ページに<ui-view>またはindex.htmlを含めることで実装されます

したがって、URLが変更されても、index.html全体が変更されるのではなく、ng-viewまたはui-viewのHTMLの一部のみがビュー間で切り替えられます

。Angular本当に単一ページのアプリケーションを使用して作成されたすべてのサイトですか?そうでない場合、なぜですか?

回答:はい。 angularで作成されたすべてのサイトはSPAです。Angular JSはSPAフレームワークで定義されています。

14

まず、SPAとは

sPAは

単一ページアプリケーション(SPA)は、単一のHTMLページを読み込み、ユーザーがアプリと対話するときにそのページを動的に更新するWebアプリです。 SPAはAJAXおよびHTML5を使用して、ページを定期的にリロードすることなく、流動的で応答性の高いWebアプリを作成します。ただし、これは、多くの作業がJavaScriptでクライアント側で行われることを意味します。

したがって、angularがブラウザーにロードされると、ユーザーが他のコンポーネントを操作してページを更新せずにロードされるため、単一のindex.htmlファイルがロードされます。

全体的に、アプリのパフォーマンスを最大化するために web pack とともに使用することもできます。

多くの利点があり、 角度 サイトにリストされています。

お役に立てれば。

0
Hrishikesh Kale