AngularJSとは何ですか?


Angular

AngularJSを使用すると、ディレクティブと呼ばれるHTML属性を使用してHTMLを拡張できます

AngularJSディレクティブは、HTMLアプリケーションに機能を提供します

AngularJSは、組み込みのディレクティブとユーザー定義のディレクティブを提供します


AngularJSディレクティブ

AngularJSは{{ }}、データのプレースホルダーとして二重中括弧を使用します。

AngularJSディレクティブは、プレフィックスが付いたHTML属性です ng-

ディレクティブはng-appAngularJSアプリケーションを初期化します。

ng-initディレクティブはアプリケーションデータを初期化します

<div ng-app="" ng-init="message='Hello AngularJS!'">
  <h1>{{ message }}</h1>
</div>


モデリング指令

ng-modelディレクティブは、HTML要素の値をアプリケーションデータにバインドします

<div ng-app="" ng-init="firstName='John'">

<p>Name: <input type="text" ng-model="firstName"></p>
<p>You wrote: <b>{{firstName}}</b></p>

</div>

ng-bindディレクティブ

ng-bindディレクティブはデータをモデルにバインドします

<div ng-app="" ng-init="firstName='John'">

<p>Name: <input type="text" ng-model="firstName"></p>
<p>You wrote <b ng-bind="firstName"></b></p>

</div>

完全なAngularJSチュートリアル

これはAngularJSの簡単な説明です。

完全なAngularJSチュートリアルについては、W3SchoolsAngularJSチュートリアルにアクセスしてください。

完全なAngularJSリファレンスについては、W3Schools AngularJSReferenceにアクセスしてください。