Angular Pipe to create a Gravatar URL based on gravatar-url package.
npm i ngx-gravatar-url gravatar-urlAdd the GravatarUrlPipeModule to your component module.
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
<img [src]="user.email | gravatarUrl" alt="User avatar" />Pass default options to GravatarUrlPipeModule using the forRoot or forChild method.
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 {}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent