前提条件 HTML、JavaScriptの基本的な知識 執筆環境 OS X 10.10 AngualrJS 1.4.0 前回までは、AngualrJSの基本的な使い方として、AngularJS標準ディレクティブの使い方を紹介してきました。 ディレクティブとは、コントローラやサービスの処理を、HTMLのタグとしてView(DOM)側で使用できる仕組みです。 これまで、ng-modelやng-controller、ng-repeatなどを使ってきました。 今回はこのディレクティブを自作してみたいと思います。 単純なフォームを作成 下記機能を持った、単純な登録フォームを作成し、ディレクティブの扱い方を紹介したいと思います。 入力項目 名前(必須) メールアドレス(形式チェック) 機能 入力に誤りがある場合、エラーを表示する エラーがある場合、登録ボタンをクリックできない ライブラリを読み込む i
![ユーザー登録フォームをディレクティブ化して再利用しよう〈Angularシリーズ vol.3〉](https://cdn-ak-scissors.b.st-hatena.com/image/square/00a79dfa5176bcebfc7eb1e83389b4b11419c3c0/height=288;version=1;width=512/https%3A%2F%2Fblog.recruit.co.jp%2Frls%2F2015-07-10-angular3%2Fimg%2Farticle_main.png)