{{ ngxsFirestoreState | json }}
26 | {{ race.order }}
11 |{{ race.name }}
12 |{{ race.description }}
13 | 14 |{{ race | json }}
15 | {{ race.order }}
26 |{{ race.name }}
27 |{{ race.description }}
28 | 29 |{{ race | json }}
30 |
31 |
32 |
33 |
34 | {{ classification.order }}
47 |{{ classification.name }}
48 | 49 |{{ classification | json }}
50 | {{ race.order }}
10 |{{ race.name }}
11 |{{ race.description }}
12 |{{ attendee.order }}
30 |{{ attendee.name }}
31 |{{ attendee.description }}
32 |{{ ngxsFirestoreState | json }}
26 | {{ race.order }}
11 |{{ race.name }}
12 |{{ race.description }}
13 | 14 |{{ race | json }}
15 | {{ race.order }}
29 |{{ race.name }}
30 |{{ race.description }}
31 | 32 |{{ race | json }}
33 |
34 |
35 |
36 |
37 | {{ classification.order }}
50 |{{ classification.name }}
51 | 52 |{{ classification | json }}
53 | {{ race.order }}
10 |{{ race.name }}
11 |{{ race.description }}
12 |{{ attendee.order }}
30 |{{ attendee.name }}
31 |{{ attendee.description }}
32 |{{ all$ | async | json }}
7 |
--------------------------------------------------------------------------------
/integrations/standalone/src/app/app.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ngxs-labs/firestore-plugin/11c3620dffb215279816b5c54d3f4de503a4042c/integrations/standalone/src/app/app.component.scss
--------------------------------------------------------------------------------
/integrations/standalone/src/app/app.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 | import { AppComponent } from './app.component';
3 | import { importProvidersFrom } from '@angular/core';
4 | import { NgxsModule } from '@ngxs/store';
5 |
6 | describe('AppComponent', () => {
7 | beforeEach(async () => {
8 | await TestBed.configureTestingModule({
9 | imports: [AppComponent],
10 | providers: [importProvidersFrom(NgxsModule.forRoot([]))]
11 | }).compileComponents();
12 | });
13 |
14 | it('should create the app', () => {
15 | const fixture = TestBed.createComponent(AppComponent);
16 | const app = fixture.componentInstance;
17 | expect(app).toBeTruthy();
18 | });
19 |
20 | it(`should have the 'standalone' title`, () => {
21 | const fixture = TestBed.createComponent(AppComponent);
22 | const app = fixture.componentInstance;
23 | expect(app.name).toEqual('Angular');
24 | });
25 |
26 | it('should render title', () => {
27 | const fixture = TestBed.createComponent(AppComponent);
28 | fixture.detectChanges();
29 | const compiled = fixture.nativeElement as HTMLElement;
30 | expect(compiled.querySelector('h1')?.textContent).toContain('Hello from Angular!');
31 | });
32 | });
33 |
--------------------------------------------------------------------------------
/integrations/standalone/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 | import { AsyncPipe, JsonPipe } from '@angular/common';
3 | import { all } from './states/test.selectors';
4 | import { Store } from '@ngxs/store';
5 | import { GetAll } from './states/test.actions';
6 |
7 | @Component({
8 | selector: 'app-root',
9 | standalone: true,
10 | imports: [AsyncPipe, JsonPipe],
11 | templateUrl: './app.component.html',
12 | styleUrl: './app.component.scss'
13 | })
14 | export class AppComponent {
15 | name = 'Angular';
16 | all$ = this.store.select(all);
17 |
18 | constructor(private store: Store) {}
19 |
20 | ngOnInit() {
21 | this.store.dispatch(new GetAll());
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/integrations/standalone/src/app/app.config.ts:
--------------------------------------------------------------------------------
1 | import { ApplicationConfig, importProvidersFrom } from '@angular/core';
2 | import { provideRouter } from '@angular/router';
3 |
4 | import { routes } from './app.routes';
5 | import { initializeApp, provideFirebaseApp } from '@angular/fire/app';
6 | import { getFirestore, provideFirestore } from '@angular/fire/firestore';
7 | import { NgxsModule } from '@ngxs/store';
8 | import { NgxsLoggerPluginModule } from '@ngxs/logger-plugin';
9 | import { environment } from '../environments/environment';
10 | import { TestState } from './states/test.state';
11 | import { provideNgxsFirestore } from '@ngxs-labs/firestore-plugin';
12 |
13 | export const appConfig: ApplicationConfig = {
14 | providers: [
15 | provideRouter(routes),
16 | importProvidersFrom(
17 | NgxsModule.forRoot([TestState], {
18 | developmentMode: !environment.production
19 | }),
20 | NgxsLoggerPluginModule.forRoot({
21 | disabled: environment.production
22 | })
23 | ),
24 | provideFirebaseApp(() => initializeApp(environment.firebase)),
25 | provideFirestore(() => getFirestore()),
26 | provideNgxsFirestore({
27 | developmentMode: true
28 | })
29 | ]
30 | };
31 |
--------------------------------------------------------------------------------
/integrations/standalone/src/app/app.routes.ts:
--------------------------------------------------------------------------------
1 | import { Routes } from '@angular/router';
2 |
3 | export const routes: Routes = [];
4 |
--------------------------------------------------------------------------------
/integrations/standalone/src/app/services/test.firestore.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { NgxsFirestore } from '@ngxs-labs/firestore-plugin';
3 |
4 | @Injectable({ providedIn: 'root' })
5 | export class TestFirestore extends NgxsFirestore