要为Angular 6+创建通用的动态社交分享元标签，可以使用Angular的Meta服务来动态添加和更新页面元标签。

首先，你需要安装@angular/platform-browser包。使用以下命令将其添加到你的项目中：

npm install @angular/platform-browser

然后，在你的组件中导入Meta服务：

import { Meta } from '@angular/platform-browser';

接下来，你可以在组件的构造函数中注入Meta服务：

constructor(private meta: Meta) { }

然后，你可以使用Meta服务的方法来添加和更新页面元标签。以下是一个示例：

import { Component, OnInit } from '@angular/core';
import { Meta } from '@angular/platform-browser';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {

  constructor(private meta: Meta) { }

  ngOnInit() {
    // 添加页面标题
    this.meta.addTag({ name: 'title', content: 'Angular 6+通用的动态社交分享元标签' });

    // 添加页面描述
    this.meta.addTag({ name: 'description', content: '这是一个示例页面描述。' });

    // 添加页面关键字
    this.meta.addTag({ name: 'keywords', content: 'Angular, 社交分享, 元标签' });

    // 添加页面图片
    this.meta.addTag({ property: 'og:image', content: 'https://example.com/image.jpg' });
  }

}

在上面的示例中，我们使用addTag方法添加了页面的标题、描述、关键字和图片元标签。你可以根据需要添加或更新其他元标签。

请注意，元标签的具体属性和内容取决于你要实现的社交分享平台。这里仅提供了一些常见的示例。

希望这可以帮助到你！