AngularJSはじめに2024 年の最新の入門チュートリアル。このコースでは AngularJS JavaScriptフレームワークであります,AngularJSは、HTMLを拡張します,AngularJS例,AngularJSとは何ですか?,AngularJSディレクティブ,AngularJS例,AngularJS例,AngularJS表現,AngularJS例,AngularJSアプリケーション,AngularJS例,AngularJSモジュール,AngularJSコントローラ, について学習できます。
AngularJSは、JavaScriptのフレームワークです。 これは、<スクリプト>タグを使用してHTMLページに追加することができます。
AngularJS ディレクティブは、 HTMLを拡張し、貫通式 HTMLへのバインドデータ。
AngularJSは、JavaScriptのフレームワークです。 これはJavaScriptで書かれたライブラリです。
AngularJSのJavaScriptファイルには、リリースのフォームがページにスクリプトタグにより添加してもよいです。
私たちは、<body>要素の下でスクリプトを提案します。 HTMLをロードするためのスクリプトをロードする対象ではないので、これは、ページの読み込み速度が向上します。 |
各angular.js版ダウンロード: https://github.com/angular/angular.js/releases
NG-ディレクティブによりAngularJSは、HTMLを拡張しました。
NG-アプリディレクティブはAngularJSアプリケーションを定義します。
NGモデルは、(例えば、入力フィールドの値として)要素値は、アプリケーションにバインドコマンド。
NG-bindコマンドは、HTMLビューにアプリケーションデータをバインドします。
説明する例:
ページがロードされると、自動的にAngularJS。
NG-アプリディレクティブは、<div>要素はのAngularJS アプリケーションであるAngularJSを伝える「所有者」。
NG-モデルディレクティブは、アプリケーション変数名の入力フィールドの値をバインドします。
アプリケーション変数名にNG-bindコマンドは、段落innerHTMLプロパティにバインドされています。
あなたはngのアプリディレクティブを削除した場合、HTMLは、結果の式を評価するのではなく、式に直接表示されます。 |
簡単に:AngularJSは、近代的な単一ページのアプリケーション(単一ページのアプリケーションのSPA)の開発を行います。
あなたが見ることができるように、AngularJS命令がNGの HTML属性を付けられます。
NG-initコマンドは、AngularJSアプリケーション変数を初期化します。
HTML5を使用すると、 データー先頭に(自家製)プロパティを拡張することができます。 AngularJSプロパティはng-に始めていますが、有効なHTML5のWebページを作るために、データ-ng-を使用することができます。 |
有効なHTML5と:
{{式}}:中括弧で書かれた式をAngularJS。
AngularJS表現はNG-bindコマンドは、同じ目的を持っているHTMLにデータをバインドします。
書込み位置「出力」データでAngularJS表現。
JavaScript式のような式をAngularJS:彼らは、テキスト、演算子、および変数を含めることができます。
例5 + 5 {{}}または{{firstNameの+ "" + lastNameの}}
AngularJS モジュール(モジュール)AngularJSアプリケーションを定義します。
AngularJSアプリケーションを制御するためのAngularJS コントローラ(コントローラ)。
NG-アプリディレクティブはngのコントローラは、コントローラを定義し、アプリケーションを定義します 。
AngularJSのアプリケーション・モジュール定義:
コントローラアプリケーションAngularJS。
次のチュートリアルでは、より多くの知識とアプリケーションモジュールを学びます。