Cómo instalar ShareThis módulo para su aplicación angular
Nos complace anunciar que ShareThis ha creado su propio módulo para Angular. Siga las siguientes instrucciones para saber cómo puede instalar ShareThis Inline y Botones de comaprtir Pegadizos en sus aplicaciones/sitios de Angular.
El módulo Angular para los botones ShareThis está disponible en nuestro Repositorio de Git...desde... NPMjs o puede iniciar a través de Angular CLI.
Nota: Su versión de Angular debe ser al menos 14.1.0 para que el módulo sea compatible.
- Inicie su proyecto (Omita si ya lo tiene). Si no tienes angular cli, puedes descargarlo aquí: https://cli.angular.io/. Después de la descarga, ejecute el siguiente comando para crear su proyecto:
ng new - Instalar la dependencia de sharethis-angular: Ve a tu carpeta de proyectos:
cd - Ejecute el siguiente comando:
npm i sharethis-angular - Terminela instalación y añada el módulo: Una vez que haya completado la instalación, vaya a:
//src/app/app.module.ts
- Lo necesitarás:
import { SharethisAngularModule } from 'sharethis-angular';
- y añadir SharethisAngularModule a las importaciones
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { SharethisAngularModule } from 'sharethis-angular';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AppRoutingModule,
SharethisAngularModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
5. Comienza a personalizar através de los componentes: Ahora vaya a
6. Cree una configuración para los botones de compartir: Copiar el InlineShareButtonsConfig abajo y crear una configuración (ver configuraciones de otros botones). Recomendamos almacenar la configuración en un archivo separado e importarlo en el componente que desee utilizar. Entonces, todo lo que tendrá que hacer es pasarlo a la propiedad del componente.
