AngularJS


インスタンス

インスタンスをオンラインで編集し、ボタンをクリックして結果を表示できます。

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/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>

インスタンスの実行 »

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します

AngularJS の基本

初めての AngularJS 式
初めての AngularJS ディレクティブ
初めての AngularJS ディレクティブ (有効な HTML5 を使用)
AngularJS コントローラー

基本的な AngularJS の説明

AngularJS 式

簡単な表現
ngを使わない表現-app
数値を使用した式
数値を使用した ng-bind
文字列を使用した式
文字列を使用した ng-bind
オブジェクトを使用した式
オブジェクトを使用した ng-bind
配列を使用した式
配列を使用した ng-bind を使用

式の説明

AngularJSディレクティブ

AngularJSディレクティブ
ng-modelディレクティブ
ng-repeatディレクティブ(配列付き)
ng-repeatディレクティブ(オブジェクト付き)

コマンド説明

AngularJSコントローラー

AngularJSコントローラー
コントローラーのプロパティ
コントローラー関数
JavaScriptファイルのコントローラーI
JavaScriptファイルのコントローラーII

コントローラーの説明

AngularJSフィルター

式フィルター大文字
式フィルター小文字
通貨フィルター
コマンドフィルター orderBy
入力フィルター

フィルターの説明

AngularJS XMLHttpRequest

静的JSONファイルの読み込み

XMLHttpRequestの解析

AngularJSテーブルの表示(簡易)

CSS スタイルを使用したテーブル

テーブルの並べ替え
大文字を使用したテーブルフィルタ
シリアル番号を使用したテーブル
偶数と​​奇数を使用したテーブル


AngularJS - データベースからデータを読み取る

MySQL データベースからデータを読み取る

SQL Server データベースからデータを読み取る



AngularJS SQL 解析

AngularJS HTML DOM

ng-disabled コマンド

ng-show コマンド

ng-hide コマンド


HTML DOM 解析

AngularJS イベント

ng-click ディレクティブ

ng-hide ディレクティブ

ng-show ディレクティブ

HTML イベント解析

AngularJSモジュール

本体内のAngularJSモジュール

ファイル内のAngularJSモジュール



AngularJSモジュールの解析

AngularJSフォーム
ngularJS angular.isNumber()

APIの解析

AngularJSブートストラップ

Bootstrap を使用した AngularJS
Bootstrap を使用した AngularJSインクルードファイル機能の使用

ブートストラップ解析


AngularJSアプリケーション

AngularJSメモアプリケーション

AngularJSメモアプリケーション

AngularJSアプリケーション