最新のWeb開発のチュートリアル
 

AngularJS例


それを自分で試してみてください

あなたは、オンラインの例を編集し、その結果を表示するには、ボタンをクリックすることができます。

AngularJS例

<div ng-app="">

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

</div>
»それを自分で試してみてください

AngularJSの基礎

私の最初のAngularJSディレクティブ
(有効なHTML5と)私の最初のAngularJSディレクティブ
私の最初のAngularJS式
変数を使用した簡単なAngularJS式、
私の最初のAngularJSコントローラ

基本AngularJSの説明しました


AngularJS式

単純な式
NG-アプリなしで式
数字を持つ式
数字でngのバインドを使用しました
文字列を持つ式
文字列とngのバインドを使用しました
オブジェクトと式
オブジェクトのngのバインドを使用します
配列を持つ式
配列とngのバインドを使用しました

式の説明します


AngularJSモジュール

AngularJSコントローラ
ファイル内のモジュールとコントローラ
AngularJSをロードするとき

モジュールの説明します


AngularJSディレクティブ

AngularJSディレクティブ
NG-モデル指令
(配列付き)ngのリピート指令
(オブジェクトでの)ngのリピート指令
新しい指令を作成します
要素として新しいディレクティブを使用して、
属性として新しいディレクティブを使用して、
クラスとして新しいディレクティブを使用して、
コメントとして、新しいディレクティブを使用して、
制限付きで指令

ディレクティブの説明します


AngularJSモデル

AngularJSモデル
双方向バインディングを持つモデル
検証とモデル
フォームとそれの現在の検証ステータス
フィールドが無効な場合にCSSクラスを設定します。

モデルの説明します


AngularJSコントローラ

AngularJSコントローラ
コントローラのプロパティ
コントローラの機能
JavaScriptのファイルIにおけるコントローラ
JavaScriptのファイルIIのコントローラ

コントローラの説明します


AngularJSスコープ

AngularJSスコープ
スコープが同期しています
異なるスコープ
RootScope

スコープの説明しました


AngularJSのフィルタ

式フィルタ大文字
式フィルタ小文字
式フィルタの通貨
指令フィルタORDERBY
入力フィルタ

フィルタの説明します


AngularJSのXMLHttpRequest

静的なJSONファイルを読みます

XMLHttpRequestがの説明しました


AngularJS表

テーブルの表示(シンプル)
CSSでテーブルを表示します
ORDERBYフィルタを持つ表を表示します
大文字のフィルタを使用してテーブルを表示します
インデックスを持つテーブルを表示します
偶数と奇数を持つテーブルを表示します

表の説明します


AngularJS - SQLリソースからの読み取り

MySQLデータベースからの読み取り
SQL Serverデータベースからの読み取り

角度のSQLの説明しました


AngularJS HTML DOM

ngの禁止指令
NG-ショー指令
条件に基づいてNG-ショー、
ngの非表示指令

HTML DOMの説明しました


AngularJSイベント

NG-クリック指令
ngの非表示指令
NG-ショー指令

HTMLのイベントの説明します


AngularJSフォーム

AngularJSフォーム
AngularJS検証

角度のフォームの説明します


AngularJS API

AngularJS angular.lowercase()
AngularJS angular.uppercase()
AngularJS angular.isString()
AngularJS angular.isNumber()

APIの説明しました


AngularJS W3.CSS

W3.CSSとAngularJS

W3.CSSの説明しました


AngularJSは含まれています

AngularJSはHTMLを含めます
AngularJSコードをcontaintingテーブルを含めます
別のドメインからファイルをインクルード

AngularJSは含まれています


AngularJSアニメーション

AngularJSアニメーション
依存関係としてアニメーションライブラリを含みます
CSS3トランジションを使用したアニメーション
CSS3アニメーションを使ってアニメーション

AngularJSアニメーション


AngularJSアプリケーション

AngularJSは、アプリケーションに注意してください。
AngularJSのToDoアプリケーション

AngularJSアプリケーション