ユーザー定義のディレクティブで、outputs、@Output、EventEmitterを使ってカスタムイベントを定義する方法を確認し、サンプルを作成しました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む
カテゴリー別アーカイブ: コーディング
Angular2とBootstrap4でツールチップ、ポップオーバー
Angular2とBootstrap4でツールチップ、ポップオーバーのサンプルを作成しました。
※Angularのv4.1.2、TypeScript、Bootstrap4のβ版を使って確認したものです。
続きを読む
Angular2でinputs、@Inputを使ってディレクティブ間で値を受け渡し
複数のカスタムディレクティブ間でinputs属性または@Inputを使って値を受け渡す方法をまとめました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む
Angular2とBootstrap4でドロップダウン
Angular2とBootstrap4でドロップダウンのサンプルを作成しました。
※Angularのv4.1.2、TypeScript、Bootstrap4のβ版を使って確認したものです。
続きを読む
Angular2でNgIf、[style.display]、[hidden]を使って表示、非表示を切り替え
Angular2のNgIfディレクティブ、スタイルバインディング（[style.display]）、プロパティバインディング（[hidden]）を使って、指定したHTML要素を表示、非表示の切替えを行う事が出来ます。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む
Angular2とBootstrap4でCarousel
Angular2とBootstrap4でCarouselのサンプルを作成しました。
※Angularのv4.1.2、TypeScript、Bootstrap4のβ版を使って確認したものです。
続きを読む
Angular2のNgSwitchで内部にあるHTMLテンプレートの表示を切り替え
Angular2のNgSwitchを使って、複数のHTMLテンプレートを選択して表示を切替える事ができます。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む
Angular2とBootstrap4でタブ
Angular2とBootstrap4でタブのサンプルを作成しました。
※Angularのv4.1.2、TypeScript、Bootstrap4のβ版を使って確認したものです。
続きを読む
Angular2のNgForを使ってリストやテーブルを作成
Angular2のNgForを使ってリストやテーブルを作成する方法をまとめました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む
Bootstrap3でAngularJSを使用 pagination
“Angular-ui bootstrap”を使用して、Bootstrap3のJavaScript部分をAngularJSに置き換えることができます。今回はpaginationのサンプルを作成しました。
※オンラインマニュアル
Angular directives for Bootstrap
続きを読む