@angular-material-extensions/algolia
Advanced tools
Readme
Do you have any question or suggestion ? Please do not hesitate to contact us! Alternatively, provide a PR | open an appropriate issue here
If did you like this project, support angular-material-extensions by starring :star: and sharing it :loudspeaker:
View all the directives and components in action at https://angular-material-extensions.github.io/algolia
for the directive as standalone you just need to install the following packages
npm install algoliasearch@3 angular-instantsearch@beta instantsearch.js@3
npm install --save-dev @types/algoliasearch
If Angular Material Design is not setup, just run ng add @angular/material learn more
Now add the library via the angular schematics and everything will be setup for you
ng add @angular-material-extensions/algolia
Now install @angular-material-extensions/algolia via:
npm install --save @angular-material-extensions/algolia
for the ui input component, please consider to install the following packages
npm i @angular/cdk @angular/material @angular/animations
Note:If you are using
SystemJS, you should adjust your configuration to point to the UMD bundle. In your systemjs config file,mapneeds to tell the System loader where to look for@angular-material-extensions/algolia:
{
'@angular-material-extensions/algolia';: 'node_modules/@angular-material-extensions/algolia/bundles/algolia.umd.js',
}
Once installed you need to import the main module:
import { MatAlgoliaModule } from '@angular-material-extensions/algolia';
The only remaining part is to list the imported module in your application module. The exact method will be slightly
different for the root (top-level) module for which you should end up with the code similar to (notice MatAlgoliaModule.forRoot()):
import { MatAlgoliaModule } from '@angular-material-extensions/algolia';
@NgModule({
declarations: [AppComponent, ...],
imports: [
// important !!!
MatAlgoliaModule, ...],
bootstrap: [AppComponent]
})
export class AppModule {
}
add matAlgoliaRefresh to a button component in order to trigger a refresh mechanism via algolia api automatically
<button mat-icon-button matAlgoliaRefresh matTooltip="Aktualisieren">
<mat-icon>refresh</mat-icon>
</button>
mat-algolia-menu-select| option | bind | type | default | description |
|---|---|---|---|---|
| attribute | Input() | string ; | - | key to filter |
Please checkout the full documentation here
$ git clone https://github.com/angular-material-extensions/algolia.git
build the library
serve the demo app
npm iprojects/angular-material-extensions/algolianpm run buildBuilt by and for developers :heart: we will help you :punch:
Copyright (c) 2020 Anthony Nahas. Licensed under the MIT License (MIT)
FAQs
Angular Library that enhances algolia instant search library - Material UI components and general services and directives
The npm package @angular-material-extensions/algolia receives a total of 2 weekly downloads. As such, @angular-material-extensions/algolia popularity was classified as not popular.
We found that @angular-material-extensions/algolia demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.