在Angular 9中，您可以使用动态元信息进行社交分享，而无需使用服务器端渲染(SSR)。以下是一个解决方法的示例：

1. 安装@angular/platform-browser和@angular/platform-browser-dynamic模块：

npm install @angular/platform-browser @angular/platform-browser-dynamic

2. 在您的组件中引入相关模块：

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

3. 在组件的构造函数中注入Title和Meta服务：

constructor(private titleService: Title, private metaService: Meta) { }

4. 在ngOnInit生命周期钩子函数中设置动态元信息：

ngOnInit() {
  this.titleService.setTitle('My Page Title');
  this.metaService.addTags([
    { name: 'description', content: 'My Page Description' },
    { property: 'og:title', content: 'My Page Title' },
    { property: 'og:description', content: 'My Page Description' },
    { property: 'og:image', content: 'https://example.com/my-image.jpg' }
  ]);
}

上述代码示例中，首先通过setTitle方法设置页面标题。接下来，使用addTags方法添加元信息。您可以根据需要添加不同的元信息，例如页面描述、Open Graph标题、Open Graph描述和Open Graph图像。

5. 在您的组件模板中，确保添加

   这样，Angular将使用动态元信息生成HTML，并在浏览器中呈现它们，而无需使用服务器端渲染(SSR)。

   请注意，这只是一个简单的示例，您可以根据自己的需求进行更复杂的设置。另外，如果您希望在不同的路由上设置不同的元信息，可以通过路由钩子函数或路由配置进行设置。