Angular2でフォームのバリデーションチェック、動的にCSS追加 | VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまで
Angular2でフォームのバリデーションチェック、動的にCSSの追加を行い、エラー時に色を変えたり、メッセージを表示する方法をまとめました。 ※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認） ※目次をクリックすると目次の下部にコンテンツが表示されます。 １．FormsModuleのインポート ２．NgModelディレクティブを使ったシンプルなフォーム作成例（バリデーションチェックなし） ３．バリデーションチェック、動的にCSS追加 ４．フォームの作成方法 ５．デモ Angular2のフォームの機能を使用する場合、別途フォームのモジュールをインポートする必要があります。 一般的なAngular2のフォーム機能を使用する場合、FormsModuleをインポートします。 ※ダイナミックフォームを使用する場合は、Rea
[日本語訳] Angular 2 Component Styles
Original: Component Styles - ts Written by: angular.io Translated at: 04/15/2016 コンポーネントのスタイル Angular 2のアプリケーションは標準のCSSによってスタイリングすることができます。 つまり、CSSのスタイルシートやセレクタ、ルールやメディアクエリなどについて知っていることをそのままAngular 2のアプリケーションに適用できます。 さらに、Angular 2はCSSのスタイルシートをモジュール化し、コンポーネントに同梱することが可能です。 この章ではどのようにして コンポーネントスタイル を読み込み、適用するかについて解説します。 コンポーネントスタイルを使う Angular 2のコンポーネントを書くとき、HTMLのテンプレートだけでなく、CSSのスタイルも決めるでしょう。 コンポーネントの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
