Sci-meta-tags NPM

SciMetaTags

This angular module will provide help in dynamically setting the head-tags such as meta/link/title. It works with server-side rendering!

Requirements

Angular 8

Installation

$ npm install sci-meta-tags

$ yarn add sci-meta-tags

Usage

Setup the NgModule first. Always import SciMetaTagsModule.

import { SciMetaTagsModule, SciMetaTagsService } from 'sci-meta-tags';

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [BrowserModule, AppRoutingModule, SciMetaTagsModule],
  providers: [SciMetaTagsService],
  bootstrap: [AppComponent],
})

import { SciMetaTagsService } from 'sci-meta-tags';

@Component({
    ...
})
export class AppComponent {

    constructor(private readonly sciMetaService: SciMetaTagsService) {
        this.sciMetaService.setTitle('Welcome Sciera Inc.');

        this.sciMetaService.setMetaTag('og:title', 'Sciera Solutions Pvt Ltd');

        this.sciMetaService.setLinkTag({
            rel: 'canonical',
            href: 'http://sciera.com/'
        });
    }

}

License

This package is open-sourced software licensed under the MIT license