Angular2でAsyncPipeを使った非同期のパイプ、ステートフルなカスタムパイプの作成方法を確認してまとめました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む
アーカイブ
AngularJSを使ってGoogleマップ（４）マーカーでイベントを処理
Angular2とBootstrap3を使ってページング
Angular2とBootstrap3を使って一覧データをページングで表示するサンプルコードを作成しました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む
AngularJSを使ってGoogleマップ（３）マーカーをクリックして情報ウィンドウを表示
Angular2のカスタムパイプでソート（orderBy）機能のサンプル作成
Angular2では、Date、Decimal、Currency、Json、Sliceといったビルトインパイプが用意されていますが、自分でパイプを定義することもできます。Angular1で提供されていたorderByがAngular2のビルトインパイプには含まれていなかったたため、ソートを行うパイプをサンプルとして作成してみました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む
AngularJSを使ってGoogleマップ（２）地図上に複数のマーカーを表示する
Angular2のビルトインパイプ
Angular1でフィルターと呼ばれていた機能が、Angular2ではパイプという名称で同様な提供されています。その使用方法を確認しました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む
Angular2でPromiseを使って非同期にデータを取得
サービスを介してリモートサーバーからデータを取得する場合など、遅延が発生すると同期処理だと処理がブロックされてしまいます。Promiseを使って非同期にデータを取得する方法を確認し、サンプルを作成しました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む
Angular2とBootstrap4でAccordion
Angular2とBootstrap4でAccordionのサンプルを作成しました。
※Angularのv4.1.2、TypeScript、Bootstrap4のβ版を使って確認したものです。
続きを読む
Angular2のサービスの概要、サービスを使ったサンプル作成
Angular2のサービスの概要、サービス使用時に関係するDI（Dependency Injection）、プロバイダ、インジェクタについてまとめ、サービスを使ったサンプルコードを作成しました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。（デモはv4.4.3、v2.0.0で動作確認）
続きを読む