ng-bttv is simple Angular service for fetching BTTV emotes (JPEG, PNG or GIFs).
npm i --save @nggondolas/ng-bttv
Now import the NgBttvModule
on your app.module.ts
.
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { NgBttvModule } from '@nggondolas/ng-bttv';
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, NgBttvModule],
bootstrap: [AppComponent],
})
export class AppModule {}
And inject the NgBttvService
in your component.
import { Component } from '@angular/core';
import { NgBttvService } from '@nggondolas/ng-bttv';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss'],
})
export class AppComponent {
// First param is the emote ID
// Second is the size (1 || 2 || 3)
okayge = this.emoteService.getEmote('5dfd5fd19e2cd00d968d3a4d', 1);
constructor(private emoteService: NgBttvService) {
}
}
Now you can use it like this:
<a class="circle-link" href="#">
<img [src]="okayge">
</a>
Some emotes are already baked in to the service via helper methods.
If you can't find them on this list, then just use the getEmote()
with the ID and size you want.