https://github.com/notiz-dev/ngx-gravatar-url
Gravatar Url Pipe for Angular
https://github.com/notiz-dev/ngx-gravatar-url
angular gravatar-url
Last synced: about 2 months ago
JSON representation
Gravatar Url Pipe for Angular
- Host: GitHub
- URL: https://github.com/notiz-dev/ngx-gravatar-url
- Owner: notiz-dev
- License: mit
- Created: 2021-08-25T09:37:56.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2022-07-12T11:30:22.000Z (almost 4 years ago)
- Last Synced: 2024-10-30T08:26:02.510Z (over 1 year ago)
- Topics: angular, gravatar-url
- Language: TypeScript
- Homepage: https://notiz-dev.github.io/ngx-gravatar-url/
- Size: 788 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ngx-gravatar-url
[](https://www.npmjs.com/package/ngx-gravatar-url)
Angular Pipe to create a Gravatar URL based on [gravatar-url](https://github.com/sindresorhus/gravatar-url#readme) package.
```bash
npm i ngx-gravatar-url gravatar-url
```
Add the `GravatarUrlPipeModule` to your component module.
```ts
import { GravatarUrlPipeModule } from 'ngx-gravatar-url';
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, GravatarUrlPipeModule],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule {}
```
Use the `gravatarUrl` pipe in your template
```html
```
Pass default options to `GravatarUrlPipeModule` using the `forRoot` or `forChild` method.
```ts
import { GravatarUrlPipeModule } from 'ngx-gravatar-url';
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
@NgModule({
declarations: [AppComponent],
imports: [
BrowserModule,
GravatarUrlPipeModule.forRoot({ default: 'retro', size: 100 }),
],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule {}
```