在现代的 Web 应用中，社交分享功能已经是一个非常重要的组成部分。对于 Angular 开发者，可以通过使用 ng2-sharebuttons-ow npm 包，轻松地集成各种社交分享按钮到应用中。
安装
可以通过以下命令安装 ng2-sharebuttons-ow 包：
npm install ng2-sharebuttons-ow
使用
安装完成后，可以在项目的模块中导入 Ng2ShareButtonsOWModule：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ----------------------- - ---- ----------------------
-----------
-------- -
-- ---
------------------------
--
-- ---
--
------ ----- --------- - -在需要加入社交分享按钮的组件的 HTML 中，可以使用以下代码来渲染分享按钮：
<share-buttons-ow [url]="url" [title]="title" [image]="image" [description]="description"></share-buttons-ow>
其中，url、title、image、description 是可选的属性，分别对应分享的链接、标题、图片和描述。可以根据实际情况设置这些属性。
自定义
ng2-sharebuttons-ow 提供了一些预设样式的社交分享按钮，可以通过 theme 属性来选择不同的样式。目前支持的主题包括 default、circles、modern-light 和 modern-dark。
除了使用预设样式外，也可以通过自定义 CSS 样式来修改分享按钮的外观。这里以修改 facebook 分享按钮为例：
-- -------------------- ---- ------- ------------ - ----------------- -------- ------ ----- ------------- -------- - ------------------ - ----------------- -------- ------------- -------- -
示例代码
<share-buttons-ow [url]="url" [title]="title" [description]="description" [image]="image" [theme]="'modern-light'" [omit]="['pinterest']" ></share-buttons-ow>
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------------
--------- -----------
--------- -
-----------------
-----------
---------------
---------------------------
---------------
------------------------
----------------------
--------------------
--
--
------ ----- ------------ -
--- - ----------------------
----- - -------- -----
----------- - ----- -- -- ------- ------
----- - -----------------------------------
-总结
通过使用 ng2-sharebuttons-ow 包，我们可以方便地在 Angular 应用中实现社交分享功能。同时，还可以通过自定义 CSS 样式来修改分享按钮的外观，让其更加适应应用的样式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fd581e8991b448dd609