アーカイブ

Angular2でinputs、@Inputを使ってディレクティブ間で値を受け渡し

2017年10月30日 wp-admin コメントをどうぞ

複数のカスタムディレクティブ間でinputs属性または@Inputを使って値を受け渡す方法をまとめました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む →

コーディング

Angular2とBootstrap4でドロップダウン

2017年10月30日 wp-admin コメントをどうぞ

Angular2とBootstrap4でドロップダウンのサンプルを作成しました。
※Angularのv4.1.2、TypeScript、Bootstrap4のβ版を使って確認したものです。
続きを読む →

コーディング

Angular2でNgIf、[style.display]、[hidden]を使って表示、非表示を切り替え

2017年10月27日 wp-admin コメントをどうぞ

Angular2のNgIfディレクティブ、スタイルバインディング（[style.display]）、プロパティバインディング（[hidden]）を使って、指定したHTML要素を表示、非表示の切替えを行う事が出来ます。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む →

コーディング

Angular2とBootstrap4でCarousel

2017年10月27日 wp-admin コメントをどうぞ

Angular2とBootstrap4でCarouselのサンプルを作成しました。
※Angularのv4.1.2、TypeScript、Bootstrap4のβ版を使って確認したものです。
続きを読む →

コーディング

Angular2のNgSwitchで内部にあるHTMLテンプレートの表示を切り替え

2017年10月26日 wp-admin コメントをどうぞ

Angular2のNgSwitchを使って、複数のHTMLテンプレートを選択して表示を切替える事ができます。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む →

コーディング

Angular2とBootstrap4でタブ

2017年10月26日 wp-admin コメントをどうぞ

Angular2とBootstrap4でタブのサンプルを作成しました。
※Angularのv4.1.2、TypeScript、Bootstrap4のβ版を使って確認したものです。
続きを読む →

コーディング

Angular2のNgForを使ってリストやテーブルを作成

2017年10月25日 wp-admin コメントをどうぞ

Angular2のNgForを使ってリストやテーブルを作成する方法をまとめました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む →

コーディング

Bootstrap3でAngularJSを使用　pagination

2017年10月25日 wp-admin コメントをどうぞ

“Angular-ui bootstrap”を使用して、Bootstrap3のJavaScript部分をAngularJSに置き換えることができます。今回はpaginationのサンプルを作成しました。
　
※オンラインマニュアル
Angular directives for Bootstrap
続きを読む →