Angular

Angular で Firebase Authentication を使う方法(angularfire2)

Angular と Firebase Angular も Firebase も Google が提供する人気のライブラリ・サービスです。 Angular の開発で Firebase をバックエンドに用いる場合、Firebaseのライブラリをそのまま使うのではなく、Angularから利用するFirebaseに特化した AngularFire というライブラリを使います。 GitHub – […]

Angular で FirebaseUI を使う方法(angularfire2)

Firebase UI とは Firebase で 認証処理を実装する場合、Authentication という機能を使います。自分でライブラリ空手帰郷される各機能と独自に作成するUI(HTML)を用いて実装する方法のほか、Firebase UI という Firebase で用意されているUIを利用する方法があります。 firebase入門 ユーザー認証を行う方法まとめ │ Web備忘録 上記記事 […]

Angular で Firestore を扱う方法(angularfire2)

Angular と Firebase Angular も Firebase も Google が提供する人気のライブラリ・サービスです。 Angular の開発で Firebase をバックエンドに用いる場合、Firebaseのライブラリをそのまま使うのではなく、Angularから利用するFirebaseに特化した AngularFire というライブラリを使います。 GitHub – […]

[Angular] ng-containerでレンダリングされないダミーの空コンテナを作る

複数の要素をラップする空のダミー要素を作りたい Angular では ng-container というコンポーネントを使うことで、HTMLにレンダリングされない要素を書くことができます。これを使うことで、複数の要素をにラップするコンテナを疑似的に作ることができます。 React(JSX)でいうと <React.Fragment> みたいなものです。 例えば、繰り返し ngFor で複数 […]

[Angular] コンポーネントを強制的に再描画する方法

コンポーネントを任意のタイミングで再描画したい AngularでWebアプリを開発中、コンポーネントをある特定のタイミングで再描画したいという状況があったので、その方法を調べたのでメモしておきます。 例えば非同期処理でのバインドデータ更新など、データが変わっても変更検知をしてくれない時があったりします。 ChangeDetectorRef ChangeDetectorRef を使うことで、任意のタ […]