angular-emojify

Angular Pipe that replaces all :emoji: with the actual emoji

Install

npm install angular-emojify

EmojifyModule

import { EmojifyModule } from 'angular-emojify';

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

EmojifyPipe

@Component({
  // ...
})
class AppComponent() {
  description: string = `It's a :rocket:`;
}

<p> {{ description | emojify }} </p>

Outputs: It's a :rocket: