su-get-html v0.0.9

SearchUnify search client generator

An Angular library for importing and generating a search client created inside an angular instance. This library accepts SearchUnify's instance name and uid to generate the search client inside an Angular component. Created by the SearchUnify team

Installation

Run npm install su-get-html to install the library.

How to use?

• Include su-get-html module in app.module.ts:

import { SuModule } from 'su-get-html';

@NgModule({
declarations: [
    AppComponent
],
imports: [
    BrowserModule,
    AppRoutingModule,
    SuModule //<-- add the module in imports
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

• Add the component where search client is expected in your application.

To brief the signatures of the components as below

1. host - pass the url to the app | type: string
2. uid - this is the uid of the searchclient | type: string

Sample implementation

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { SuModule } from 'su-get-html';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    SuModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

app.component.html

This is a sample page.

<lib-su host="https://sampleUrl.com" uid="6de95369-218e"></lib-su>

app.component.ts

import { Component,Input,Output } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'angular-component-library';
}