Skip to content
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Adding side effect imports to the relevant docs
  • Loading branch information
jamesdaniels committed Feb 6, 2020
commit 6ca42142d64bd93cb6aee8b6d39d1f0635fd3bc1
6 changes: 6 additions & 0 deletions docs/firestore/collections.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@ The `AngularFirestoreCollection` service is a wrapper around the native Firestor
import { Component } from '@angular/core';
import { AngularFirestore, AngularFirestoreCollection } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
import 'firebase/firestore';

export interface Item { name: string; }

Expand Down Expand Up @@ -89,6 +90,7 @@ There are multiple ways of streaming collection data from Firestore.
import { Component } from '@angular/core';
import { AngularFirestore, AngularFirestoreCollection } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
import 'firebase/firestore';

export interface Item { id: string; name: string; }

Expand Down Expand Up @@ -141,6 +143,7 @@ import { Component } from '@angular/core';
import { AngularFirestore, AngularFirestoreCollection } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';
import 'firebase/firestore';

export interface Shirt { name: string; price: number; }
export interface ShirtId extends Shirt { id: string; }
Expand Down Expand Up @@ -189,6 +192,7 @@ import { Component } from '@angular/core';
import { AngularFirestore, AngularFirestoreCollection } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';
import 'firebase/firestore';

export interface AccountDeposit { description: string; amount: number; }
export interface AccountDepoistId extends AccountDeposit { id: string; }
Expand Down Expand Up @@ -234,6 +238,7 @@ import { Component } from '@angular/core';
import { AngularFirestore, AngularFirestoreCollection } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';
import 'firebase/firestore';

export interface AccountLogItem { description: string; amount: number; }
export interface AccountLogItemId extends AccountLogItem { id: string; }
Expand Down Expand Up @@ -283,6 +288,7 @@ There are three `DocumentChangeType`s in Firestore: `added`, `removed`, and `mod
import { Component } from '@angular/core';
import { AngularFirestore, AngularFirestoreCollection } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
import 'firebase/firestore';

@Component({
selector: 'app-root',
Expand Down
1 change: 1 addition & 0 deletions docs/firestore/documents.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@ The `AngularFirestoreDocument` service is a wrapper around the native Firestore
import { Component } from '@angular/core';
import { AngularFirestore, AngularFirestoreDocument } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
import 'firebase/firestore';

export interface Item { name: string; }

Expand Down
1 change: 1 addition & 0 deletions docs/firestore/querying-collections.md
Original file line number Diff line number Diff line change
Expand Up @@ -86,6 +86,7 @@ import { Component } from '@angular/core';
import { AngularFirestore } from '@angular/fire/firestore';
import { Observable, BehaviorSubject, combineLatest } from 'rxjs';
import { switchMap } from 'rxjs/operators';
import 'firebase/firestore';

export interface Item {
text: string;
Expand Down
3 changes: 3 additions & 0 deletions docs/rtdb/lists.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@ Replace your `/src/app/app.component.ts` from previous step to look like below.
```ts
import { Component } from '@angular/core';
import { AngularFireDatabase } from '@angular/fire/database';
import 'firebase/database';

@Component({
selector: 'app-root',
Expand Down Expand Up @@ -52,6 +53,7 @@ Update `/src/app/app.component.ts` to import `AngularFireList` from `@angular/fi
import { Component } from '@angular/core';
import { AngularFireDatabase } from '@angular/fire/database';
import { Observable } from 'rxjs';
import 'firebase/database';

@Component({
selector: 'app-root',
Expand Down Expand Up @@ -209,6 +211,7 @@ import { Component } from '@angular/core';
import { AngularFireDatabase, AngularFireList } from '@angular/fire/database';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';
import 'firebase/database';

@Component({
selector: 'app-root',
Expand Down
3 changes: 3 additions & 0 deletions docs/rtdb/objects.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@ If you've followed the earlier step "Installation and Setup" your `/src/app/app
import { Component } from '@angular/core';
import { AngularFireDatabase } from '@angular/fire/database';
import { Observable } from 'rxjs';
import 'firebase/database';

@Component({
selector: 'app-root',
Expand Down Expand Up @@ -50,6 +51,7 @@ Then in your template, you can use the `async` pipe to unwrap the binding.
import { Component } from '@angular/core';
import { AngularFireDatabase } from '@angular/fire/database';
import { Observable } from 'rxjs';
import 'firebase/database';

@Component({
selector: 'app-root',
Expand Down Expand Up @@ -128,6 +130,7 @@ itemRef.remove();
import { Component } from '@angular/core';
import { AngularFireDatabase, AngularFireObject } from '@angular/fire/database';
import { Observable } from 'rxjs';
import 'firebase/database';

@Component({
selector: 'app-root',
Expand Down
1 change: 1 addition & 0 deletions docs/rtdb/querying-lists.md
Original file line number Diff line number Diff line change
Expand Up @@ -82,6 +82,7 @@ import { Component } from '@angular/core';
import { AngularFireDatabase, AngularFireAction } from '@angular/fire/database';
import { Observable, Subscription, BehaviorSubject } from 'rxjs';
import { switchMap } 'rxjs/operators';
import 'firebase/database';

@Component({
selector: 'app-root',
Expand Down
5 changes: 5 additions & 0 deletions docs/storage/storage.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@ import { AppComponent } from './app.component';
import { AngularFireModule } from '@angular/fire';
import { AngularFireStorageModule } from '@angular/fire/storage';
import { environment } from '../environments/environment';
import 'firebase/storage';

@NgModule({
imports: [
Expand Down Expand Up @@ -47,6 +48,7 @@ Once the `AngularFireStorageModule` is registered you can inject the `AngularFir
```ts
import { Component } from '@angular/core';
import { AngularFireStorage } from '@angular/fire/storage';
import 'firebase/storage';

@Component({
selector: 'app-component',
Expand Down Expand Up @@ -75,6 +77,7 @@ There are three options for uploading files.
```ts
import { Component } from '@angular/core';
import { AngularFireStorage } from '@angular/fire/storage';
import 'firebase/storage';

@Component({
selector: 'app-root',
Expand All @@ -98,6 +101,7 @@ export class AppComponent {
```ts
import { Component } from '@angular/core';
import { AngularFireStorage } from '@angular/fire/storage';
import 'firebase/storage';

@Component({
selector: 'app-root',
Expand All @@ -121,6 +125,7 @@ export class AppComponent {
```ts
import { Component } from '@angular/core';
import { AngularFireStorage } from '@angular/fire/storage';
import 'firebase/storage';

@Component({
selector: 'app-root',
Expand Down