Angular2でAsyncPipeを使った非同期のパイプ、ステートフルなカスタムパイプの作成方法を確認してまとめました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。(デモはv4.4.3、v2.0.0で動作確認)
続きを読む
VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまで
VPSサーバーを使ってWebサイトを運用する過程で行った作業、調査内容を備忘としてまとめています。
アーカイブ
AngularJSを使ってGoogleマップ(4)マーカーでイベントを処理
地図上に表示されているマーカーでイベントを処理する方法についてです。
続きを読む
Angular2とBootstrap3を使ってページング
Angular2とBootstrap3を使って一覧データをページングで表示するサンプルコードを作成しました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。(デモはv4.4.3、v2.0.0で動作確認)
続きを読む
AngularJSを使ってGoogleマップ(3)マーカーをクリックして情報ウィンドウを表示
地図上に表示されているマーカーをクリックすると情報ウィンドウが表示されるようにします。
続きを読む
Angular2のカスタムパイプでソート(orderBy)機能のサンプル作成
Angular2では、Date、Decimal、Currency、Json、Sliceといったビルトインパイプが用意されていますが、自分でパイプを定義することもできます。Angular1で提供されていたorderByがAngular2のビルトインパイプには含まれていなかったたため、ソートを行うパイプをサンプルとして作成してみました。
※Angular2の2.0.0版、TypeScriptを使って確認したものです。(デモはv4.4.3、v2.0.0で動作確認)
続きを読む
AngularJSを使ってGoogleマップ(2)地図上に複数のマーカーを表示する
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で動作確認)
続きを読む