angular 9 facebook share button

angular 9 fb share button.ts

insight package.json file
"dependencies": {
    "@angular/cdk": "^9.2.4",
    "@fortawesome/angular-fontawesome": "^0.6.1",
    "@fortawesome/fontawesome-svg-core": "^1.2.28",
    "@fortawesome/free-brands-svg-icons": "^5.13.0",
    "@fortawesome/free-solid-svg-icons": "^5.13.0",
    "ngx-sharebuttons": "^8.0.0",
}

include import { ShareModule } from 'ngx-sharebuttons';
in app module or componnent module

exemple :

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {NewsDetailsRoutingModule} from './news-details-routing.module';
import {SharedModule} from '../../shared/shared.module';
import {NewsDetailsComponent} from './news-details.component';
import { ShareModule } from 'ngx-sharebuttons';

@NgModule({
  declarations: [NewsDetailsComponent],
  imports: [
    CommonModule,
    NewsDetailsRoutingModule,
    SharedModule,
    ShareModule
  ],
  exports: [NewsDetailsComponent]
})
export class NewsDetailsModule { }

in component html
url = 'some pahe url';

<button shareButton="facebook" [url]="url">  
    <i class="fa fa-facebook" aria-hidden="true"></i>
</button>

source:
https://github.com/MurhafSousli/ngx-sharebuttons/wiki/Share-Button-Directive