『AngularJS 中國(guó)語(yǔ)リファレンス マニュアル』では、AngularJS は新しい屬性と式で HTML を拡張します。 AngularJS はシングルページ アプリケーション (SPA: シングル ページ アプリケーション) を構(gòu)築できます。 AngularJS は非常に簡(jiǎn)単に學(xué)ぶことができます。
AngularJS は、シングルページ アプリケーションの実行を支援するために Google によって保守されているオープン ソース JavaScript ライブラリです。その目標(biāo)は、MVC パターン (MVC) 機(jī)能を通じてブラウザー ベースのアプリケーションを強(qiáng)化し、開発とテストを容易にすることです。バージョン 2 での大きな変更 (最も顕著な変更は TypeScript の全面使用) の後、Angular という名前に変更され、バージョン N は Angular N の形で命名されました。
ライブラリは、追加のカスタマイズ (タグ屬性) を含む HTML を読み取り、これらのカスタム屬性の指示に従い、ページ內(nèi)の入力または出力を JavaScript 変數(shù)で表されるモデルにバインドします。これらの JavaScript 変數(shù)の値は、手動(dòng)で設(shè)定することも、靜的または動(dòng)的 JSON リソースから取得することもできます。
最初の AngularJS インスタンスを?qū)g行してみましょう。 最初の AngularJS インスタンスヒント: AngularJS の學(xué)習(xí)を始める前に、HTML、CSS、JavaScript の基本を理解しておく必要があります。 ### 知識(shí)。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-app=""> <p>名字 : <input type="text" ng-model="name"></p> <h1>Hello {{name}}</h1> </div> </body> </html>
インスタンスの実行>>[インスタンスの実行]をクリックします「」ボタンをクリックしてオンラインの例を表示します
Angular はソフトウェア エンジニアリングの MVC パターンに従い、プレゼンテーション、データ、論理コンポーネント間の疎結(jié)合を促進(jìn)します。 Angular は、依存関係の注入を通じて、ビューに依存しない制御などの従來のサーバー側(cè)サービスをクライアント側(cè) Web アプリケーションに提供します。したがって、バックエンドの負(fù)擔(dān)が大幅に軽減され、Web アプリケーションが軽量になります。
ヒント: 私たちの AngularJS チュートリアルは、AngularJS をマスターして使用する方法を段階的に學(xué)ぶのに役立ちます。質(zhì)問がある場(chǎng)合は、PHP 中國(guó)語(yǔ) Web サイトにアクセスしてください。 AngularJS コミュニティ質(zhì)問してください。熱心なネチズンが答えてくれます。
AngularJS の主な機(jī)能
AngularJS は、開発者に高いレベルの抽象化を提供することで、アプリケーション開発を簡(jiǎn)素化します。他の抽象化手法と同様に、ある程度の柔軟性が失われます。言い換えれば、すべてのアプリケーションが AngularJS に適しているわけではありません。
AngularJS は主に CRUD アプリケーションの構(gòu)築を考慮しています。幸いなことに、WEB アプリケーションの少なくとも 90% は CRUD アプリケーションです。ただし、AngularJS での構(gòu)築に何が適しているかを理解するには、AngularJS での構(gòu)築に何が適していないのかを理解する必要があります。
たとえば、ゲーム、グラフィカル インターフェイス エディター、頻繁かつ複雑な DOM 操作を行うアプリケーションは CRUD アプリケーションとは大きく異なり、AngularJS での構(gòu)築には適していません。このような狀況では、jQuery のような軽量でシンプルなテクノロジを使用する方が良いかもしれません。
AngularJS の設(shè)計(jì)目標(biāo):
アプリケーション ロジックを DOM 上の操作から分離します。これにより、コードのテスト容易性が向上します。
アプリケーションのテストは、アプリケーションの作成と同じくらい重要です。コードの構(gòu)造は、テストの難易度に大きな影響を與えます。
アプリケーションのクライアントとサーバーを分離します。これにより、クライアントとサーバーの開発を連攜して行うことができ、両方の側(cè)で再利用できるようになります。
ユーザー インターフェイスの設(shè)計(jì)からビジネス ロジックの作成、テストに至るまで、アプリケーション構(gòu)築のプロセス全體を通して開発者をガイドします。
この AngularJS チュートリアル マニュアルの內(nèi)容
この AngularJS チュートリアル マニュアルでは、AngularJS 式、AngularJS 命令、AngularJS モデル、AngularJS コントロールを含む、React の基本的な使用方法をすべてカバーしています。 AngularJS テーブル、AngularJS イベント、AngularJS モジュール、AngularJS アニメーション、AngularJS 依存関係注入、AngularJS ルーティングなどの知識(shí)。
ヒント: このチュートリアルの各章には、多くの AngularJS サンプルが含まれています。[サンプルの実行] ボタンを直接クリックして、結(jié)果をオンラインで表示できます。これらの例は、AngularJS をよりよく理解し、使用するのに役立ちます。
最新章
- AngularJS 參考手冊(cè) 2016-10-19
- AngularJS 2016-10-19
- AngularJS 應(yīng)用 2016-10-19
- AngularJS 路由 2016-10-19
- AngularJS 依賴注入 2016-10-19
- AngularJS 動(dòng)畫 2016-10-19
- AngularJS 包含 2016-10-19
- AngularJS Bootstrap 2016-10-19
関連コース
- Web フロントエンド開発の簡(jiǎn)単な紹介 2021-12-10
- あなたを最もよく理解するフロントエンドコース: HTML5/CSS3/ES6/NPM/Vue/...[オリジナル] 2022-09-30
- Gulp 入門ビデオチュートリアル 2022-04-18
- Brothers in Arms Gao Luofeng CSS3 ビデオ チュートリアル 2022-04-20
- AngularJS 開発 Web アプリケーションの基本的なサンプル ビデオ チュートリアル 2022-04-18
- アヤックスのフルコンタクト 2022-04-13
- MUI フレームワークの基本的なビデオ チュートリアル 2022-04-13
- オンライントレーニングクラス體験クラス 2019-01-10
-
知識(shí)の拡大
-
チュートリアルのナビゲーション