AngularのForm（Reactive Forms）メモ - blog
ryotah.hatenablog.com 別記事でこんなのも書きました。 （Angular v.4.3.6を利用） Reactive Formとは Template-driven Formsとの比較 主要4クラス FormGroup, FormArrayを利用した例 フォームの値を変更する フォームの変更を監視する データモデルとフォームモデル バリデーション Reactive Formとは Template-driven Formsとの比較 Template-driven Forms ngModelのようなディレクティブを利用して、フォーム要素とデータモデルを紐づける。（FormControlは自動で生成されている。）入力内容が変更されるとミュータブルなデータモデルが更新される。 Reactive Form 最初にFormControlのツリーを生成する。フォームとの紐付けはformC
Angular Materialのflexboxを使ったLayoutを解説してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、店長です。 最近は実案件でAngularJSを使う機会が増えてきました。 そこで導入しているのがAngular Materialという、Googleが提供するAngularJS用のUIコンポーネントです。 Angular MaterialのLayoutコンポーネントはflexboxを使用したものになっています。 Angularと書きましたが、AngularJSらしいことは今回出てきません……。 どのようにLayoutにflexboxが使用されているのか、詳しく解説していきたいと思います。 今回のDEMOはこちらからご覧になれます。 flexboxについて まず、Angular MaterialのLayoutコンポーネントを使用する前に、簡単にflexboxのレイアウトについて解説したいと思います。 flexboxレイアウトは、以下のように親要素のflexコンテナと子要素のfle
Angular2.0を見すえたAngularJSアプリケーション開発
こんにちは、JavaScripterの三宅です。 最近AngularJSを用いたアプリケーションを開発する機会が多いのですが、その際の考え方や実装の方針について書いていきます。 説明に使うソースコードはここで確認することができます。 Angular1.xとAngular2.0 現在、angular.ioでAngular2.0の開発が進められています。 正式なリリース日は発表されていないのですが、2015年末から2016年初めと言われています。 現時点ではまだα版でありまだ仕様が決定していないのですが、Angular1.xと比較し別のフレームワークと言えるほどの大きな変更が加えられます。 特に以下の変更はアプリケーションのアーキテクチャによっては、移行に際して大幅な改修が必要になることが予想されます。 TypeScript/ECMAScript6の採用 Controllerや$scopeの廃
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
