主页 / 问题 / 863802
Accepted
Sanvirtus
Asked:2020-08-03 13:55:03 +0000 UTC2020-08-03 13:55:03 +0000 UTC

如何在 node_modules Angular 6 中向现有组件添加信息？

  • 772

一般来说，我通过 NPM 将Share Buttons Component（用于分享到社交网络的按钮）安装到项目中并成功启动它，但我需要在 OK.ru 中添加分享。我查看了源代码，找到了如何添加它，但问题是如果我更改 node_modules 中的现有组件，那么当项目启动时，node_modules 文件夹会重新更新所有包，我的代码自然会被删除。问题是，有没有办法以某种方式引用组件的文件并向其中添加必要的代码行？

基本上我需要添加以下信息：

@ngx-share\core\lib\share.models.d.ts在接口文件中IShareButtons添加变量ok?: IShareButton;

并将以下代码添加@ngx-share\core\fesm2015\ngx-share-core.js到文件中：const shareButtonsProp

ok: {
      type: 'ok',
        text: 'Ok',
        icon: ['fab', 'odnoklassniki'],
        color: '#FF9800',
        share: {
        desktop: 'https://connect.ok.ru/offer?url=',
          android: 'https://connect.ok.ru/offer?url=',
          ios: 'https://connect.ok.ru/offer?url=',
          operators: metaTagsOperators,
          metaTags: {
          url: 'u'
        }
      },
      count: {
        request: 'http',
          url: 'https://connect.ok.ru/offer?url=',
          operators: FacebookCountOperators
      }
    },

如果这可以以某种方式完成，请告诉我如何，我将非常感激。

npm

1 个回答

  1. Best Answer

    该组件支持添加自定义按钮，具体操作如下：

    import { ShareButtons, metaTagsOperators } from "@ngx-share/core";

  constructor(shareButtons : ShareButtons) {
    shareButtons.addButton('ok', {
      type: 'ok',
      text: 'ok',
      icon: ['fab', 'odnoklassniki'],
      color: '#FF9800',
      share: {
        desktop: 'https://connect.ok.ru/offer?',
        android: 'https://connect.ok.ru/offer?',
        ios: 'https://connect.ok.ru/offer?',
        operators: metaTagsOperators,
        metaTags: {
          url :  'url' ,
          title :  'title' ,
          image :  'imageUrl'
        }
      }
    })
  }
    • 0

相关问题