NgBttv
ng-bttv is simple Angular service for fetching BTTV emotes (JPEG, PNG or GIFs).
AND HAS TO ENABLE
IF NYMN SEES THIS, VI VONHow to install
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>
List of built-in emotes
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.