在Angular 7项目中,如果open graph标签不起作用,可能是由于以下几个原因:
import { Meta } from '@angular/platform-browser';
然后,在组件的构造函数中注入Meta服务:
constructor(private meta: Meta) { }
接下来,在组件的ngOnInit方法中,使用Meta服务来更改open graph标签的内容:
ngOnInit() {
this.meta.updateTag({ property: 'og:title', content: 'New Title' });
this.meta.updateTag({ property: 'og:description', content: 'New Description' });
this.meta.updateTag({ property: 'og:image', content: 'URL to your new image' });
}
通过这些解决方法,你可以确保在Angular 7项目中的open graph标签起作用,并在社交媒体平台上正确显示。