FormControllerは、入力要素とその入れ物となるフォームの正当(valid)/不当(invalid)または、手つかず(pristine)/手が加えられた(dirty)のような状態の足跡を保持します。 各formのディレクティブは、FormControllerのインスタンスを作成します。 メソッド プロパティ メソッド メソッド名 説明
型:式 グルーバル空間でアクセス可能なコンストラクタ関数名、または現在のスコープのコンストラクタ関数に評価される式を指定します。 コントローラーインスタンスは、propertyNameとして指定することによって、 スコーププロパティ内に公開することが可能です。 デモ これは、ユーザーへの連絡情報を編集するシンプルなフォームです。 追加、削除、クリア、挨拶のメソッドがコントローラーに定義されています。 これらのメソッドは、Angularのマークアップから簡単に呼び出すことが可能です。 スコープがこのコントローラーインスタンスのthisになることに注目してください。 これによって、コントローラーから容易にビューのデータにアクセス出来るようになります。 また、手動で更新する必要なくデータの変更は自動的にビュー内に反映されます。 デモでは、2つの異なる定義の仕方をしており、好みに応じてどちらかを使
AngularJSでのi18nとl10n AngularJSへのロケールの提供 落とし穴 AngularJSでのi18nとl10n i18nとl10nとは何か? "Internationalization(国際的にする)"を省略したi18nは、 プロダクトの開発プロセスにおいて、言語と文化を簡単にローカライズすることが出来るようにする方法のことを指します。 "Localization(地域化)"を省略したl10nは、プリケーション適応のプロセスで、 独自の文化または言語マーケットにおいてのテキストのユーザービリティを有効にします。 アプリケーション開発者のためにアプリケーションを国際的にすることは、 アプリケーション外部の文字列と別の特定ロケール(日付または通貨フォーマットのような)の全てを抽象化することを意味します。 アプリケーションをローカライズすることは、翻訳とローカライズされたフォ
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ フィルター サービス $anchorScroll $animate $animateProvider $cacheFactory $compile $compileProvider $controller $controllerProvider $document $exceptionHandler $filter $filterProvider $http $httpBackend $interpolate $interpolateProvider $interval $locale $location $locationProvider $log $logProvider $parse $parseProvider $q $rootElement $rootScope $rootScopeProvid
This article is an introduction to Transpilers which is the process of translating one programming language into another. This process may be called compiling, transpiling, or interpreting depending on the nature of the input and output languages. Usually compiling is used to describe the process of translating a higher level language, like Java, into machine language, and traspiling is used to de
Survey1 commentReact, Survey Four months ago I released a survey asking React developers about their community. I did this to gauge the community and compare the findings on how similar they are to another Web Development community, Angular (where the idea for a survey was inspired originally from Jeff Whelpley and PatrickJS). We used a remote environment to validate the results and we will soon b
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ a form input input[checkbox] input[email] input[number] input[radio] input[text] input[url] ngApp ngBind ngBindHtml ngBindTemplate ngBlur ngChange ngChecked ngClass ngClassEven ngClassOdd ngClick ngCloak ngController ngCopy ngCsp ngCut ngDblclick ngDisabled ngFocus ngForm ngHide ngHref ngIf ngInclude ngInit ngKeydown ngKeypress ngKeyup ngList ngModel ngMo
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ a form input input[checkbox] input[email] input[number] input[radio] input[text] input[url] ngApp ngBind ngBindHtml ngBindTemplate ngBlur ngChange ngChecked ngClass ngClassEven ngClassOdd ngClick ngCloak ngController ngCopy ngCsp ngCut ngDblclick ngDisabled ngFocus ngForm ngHide ngHref ngIf ngInclude ngInit ngKeydown ngKeypress ngKeyup ngList ngModel ngMo
モジュールとは何なのか? 基本 推奨セットアップ モジュールの読み込みと依存 ユニットテスト モジュールとは何なのか? 多くのアプリケーションは、インスタンス化、各種接続、アプリケーションの起動を行う主(main)メソッドを持ちます。 Angularアプリケーションは、そういったmainメソッドを持ちません。 その代わり、モジュールにアプリケーションがどのように立ち上がるべきかの定義を指定します。 これには、下記のメリットがあります。 プロセスがより宣言的で、理解しやすくなります。(翻訳に自信なし) ユニットテストで、全てのモジュールを読み込む必要が無く、ユニットテストが比較的書きやすくなります。 追加モジュールは、シナリオテストの読み込みが可能で、 設定のいくつかを上書きし、アプリケーションのエンドツーエンドテストの手助けしてくれます。 サードパーティのコードを再利用可能なパッケージにす
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ フィルター サービス 型 グローバルAPI ngMockモジュール サービス グローバルAPI AUTOモジュール サービス ngAnimateモジュール サービス ngCookiesモジュール サービス ngMockE2Eモジュール サービス ngResourceモジュール サービス ngRouteモジュール サービス ディレクティブ ngSanitizeモジュール フィルター サービス ngTouchモジュール ディレクティブ サービス $swipe 概要 bind() 概要 $swipeサービスは、ホールド&ドラッグのスワイプの曖昧な振る舞いを抽象化するサービスで、 スワイプに関係するディレクティブをより便利にしてくれます。 ngTouchのインストールが必要になります。 $swipeはngTouc
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ フィルター サービス $anchorScroll $animate $animateProvider $cacheFactory $compile $compileProvider $controller $controllerProvider $document $exceptionHandler $filter $filterProvider $http $httpBackend $interpolate $interpolateProvider $interval $locale $location $locationProvider $log $logProvider $parse $parseProvider $q $rootElement $rootScope $rootScopeProvid
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ a form input input[checkbox] input[email] input[number] input[radio] input[text] input[url] ngApp ngBind ngBindHtml ngBindTemplate ngBlur ngChange ngChecked ngClass ngClassEven ngClassOdd ngClick ngCloak ngController ngCopy ngCsp ngCut ngDblclick ngDisabled ngFocus ngForm ngHide ngHref ngIf ngInclude ngInit ngKeydown ngKeypress ngKeyup ngList ngModel ngMo
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ a form input input[checkbox] input[email] input[number] input[radio] input[text] input[url] ngApp ngBind ngBindHtml ngBindTemplate ngBlur ngChange ngChecked ngClass ngClassEven ngClassOdd ngClick ngCloak ngController ngCopy ngCsp ngCut ngDblclick ngDisabled ngFocus ngForm ngHide ngHref ngIf ngInclude ngInit ngKeydown ngKeypress ngKeyup ngList ngModel ngMo
<!doctype html> <html ng-app> <head> <script src="http://code.angularjs.org/1.2.0-rc.2/angular.min.js"></script> <script src="script.js"></script> </head> <body> <form ng-submit="submit()" ng-controller="Ctrl"> Enter text and hit enter: <input type="text" ng-model="text" name="text" /> <input type="submit" id="submit" value="Submit" /> <pre>list={{list}}</pre> </form> </body> </html> it('should ch
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く