How to use angular-instantsearch - 10 common examples

// TODO: can I pull these from here since I am importing in router module
import { LandingPageComponent } from './landing-page/landing-page.component';
import { AutocompleteChiplistComponent } from './autocomplete-chiplist/autocomplete-chiplist.component';
import { MyDynamicFormComponent } from './my-dynamic-form/my-dynamic-form.component';
import { UtilsComponent } from './utils/utils.component';
import { MyFileUploadComponent } from './my-file-upload/my-file-upload.component';
import { ReactiveFormsModule } from '@angular/forms';

@NgModule({
  imports: [
    CommonModule,
    TftSearchModule,
    DynamicFormModule,
    ValidationHandlingModule,
    NgAisModule.forRoot(),
    FormsModule,
    PipesModule,
    DesignModule,
    FileUploadModule,
    ReactiveFormsModule
  ],
  declarations: [
    LandingPageComponent,
    AutocompleteChiplistComponent,
    MyDynamicFormComponent,
    MyFileUploadComponent,
    UtilsComponent,
  ]
})

export class ExamplesModule { }

// hitsPerPage: 3,
          ...searchParameters
        }
      };

      constructor() {
        Object.keys(methods).forEach(methodName => {
          this[methodName] = methods[methodName];
        });
      }
    }

    @NgModule({
      bootstrap: [AppComponent],
      declarations: [AppComponent, ...appDeclarations],
      imports: [BrowserModule, NgAisModule.forRoot()],
      providers: []
    })
    class NgApp {}

    container.innerHTML = "";
    platformBrowserDynamic().bootstrapModule(NgApp);
  };
}

import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";

import { NgAisModule } from "angular-instantsearch";

import { AppComponent } from "./app.component";

@NgModule({
  bootstrap: [AppComponent],
  declarations: [AppComponent],
  imports: [BrowserModule, NgAisModule.forRoot()],
  providers: []
})
export class NgApp {}

import { IndexComponent } from "./index/index.component";

const appRoutes: Routes = [
  {
    path: "search/q/:query/brands/:brands/p/:page",
    component: SearchComponent
  },
  { path: "", component: IndexComponent }
];

import { AppComponent } from "./app.component";

@NgModule({
  declarations: [AppComponent, SearchComponent, IndexComponent],
  imports: [
    NgAisModule.forRoot(),
    BrowserModule,
    RouterModule.forRoot(appRoutes, { enableTracing: true })
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [
        AppComponent
      ],
      imports: [
        NgAisModule.forRoot(),
      ],
    }).compileComponents();
  }));

import { RouterModule, Routes } from "@angular/router";

import { SearchComponent } from "./search/search.component";
import { IndexComponent } from "./index/index.component";

const appRoutes: Routes = [
  { path: "search", component: SearchComponent },
  { path: "", component: IndexComponent }
];

import { AppComponent } from "./app.component";

@NgModule({
  declarations: [AppComponent, SearchComponent, IndexComponent],
  imports: [
    NgAisModule.forRoot(),
    BrowserModule,
    RouterModule.forRoot(appRoutes, { enableTracing: true })
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

import { ControlModule } from '../controls/control.module';
import { DisqusSharedModule } from './shared/disqus/disqus-shared.module';
import { RightSideBarSharedModule } from './shared/right-sidebar/right-sidebar-shared.module';
import { HomeComponent } from './home/home.component';
import { ApplicationBroadcaster } from '../domain/application-broadcaster';
import { BasicExamplesExtendedModule } from 'src/assets/examples/reactive-form-validators/basic-examples/basic-examples-extended.module';
import { NgAisModule } from 'angular-instantsearch';
import { FormBuilderComponent } from './form-builder/form-builder.component';


@NgModule({
  declarations: [
    AppComponent, SideBarComponent, TopBarComponent, DashboardComponent,FilterPipe,GettingStartedComponent,ReactiveFormConfigComponent,HomeComponent,FormBuilderComponent
  ],
  imports: [BrowserModule, FormsModule,RxReactiveFormsModule, ReactiveFormsModule, HttpModule,HttpClientModule , RouterModule, APP_LAZY_ROUTING,RightSideBarSharedModule,DisqusSharedModule,BasicExamplesExtendedModule,ControlModule,FooterSharedModule,
    HighlightModule.forRoot({ theme: 'default' }), ClipboardModule, ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production }),NgAisModule.forRoot(),
    BrowserAnimationsModule
  ],
  providers: [ApplicationBroadcaster,PromptUpdateService,LogUpdateService,CheckForUpdateService,AuthService],
exports:[RouterModule],
  bootstrap: [AppComponent],
  schemas: [
    CUSTOM_ELEMENTS_SCHEMA
  ],
})
export class AppModule { }

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { NgAisModule } from 'angular-instantsearch';

import { AppComponent } from './app.component';
import { ProductImageComponent } from './product-image/product-image.component';

@NgModule({
  declarations: [AppComponent, ProductImageComponent],
  imports: [BrowserModule, NgAisModule.forRoot()],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { NgAisModule } from 'angular-instantsearch';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, NgAisModule.forRoot()],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

hitsPerPage: 3,
          ...searchParameters,
        },
      };

      constructor() {
        Object.keys(methods).forEach(methodName => {
          this[methodName] = methods[methodName];
        });
      }
    }

    @NgModule({
      bootstrap: [AppComponent],
      declarations: [AppComponent, ...appDeclarations],
      imports: [BrowserModule, NgAisModule.forRoot()],
      providers: [],
    })
    class NgApp {}

    container.innerHTML = '';
    platformBrowserDynamic().bootstrapModule(NgApp);
  };
}