AngularJSとは何ですか?
AngularJSを使用すると、ディレクティブと呼ばれるHTML属性を使用してHTMLを拡張できます
AngularJSディレクティブは、HTMLアプリケーションに機能を提供します
AngularJSは、組み込みのディレクティブとユーザー定義のディレクティブを提供します
AngularJSディレクティブ
AngularJSは{{ }}
、データのプレースホルダーとして二重中括弧を使用します。
AngularJSディレクティブは、プレフィックスが付いたHTML属性です ng-
ディレクティブはng-app
AngularJSアプリケーションを初期化します。
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にアクセスしてください。