Предупреждения об отсутствии свойств с использованием Angular мета-службы и отладчика Facebook - PullRequest
Новая
       23

Предупреждения об отсутствии свойств с использованием Angular мета-службы и отладчика Facebook

0 голосов
/ 10 июля 2020

Я использую мета-сервис Angular, чтобы установить свойства Facebook og и протестировать их на этом сайте отладчика.

Это одно предупреждение: 

Missing Properties
The following required properties are missing: og:url, og:type, og:title, og:image, og:description, fb:app_id

Это мой код: 

export class StoryDetailsComponent implements OnInit {
  story: IStory;
  constructor(private activateRoute: ActivatedRoute, private titleService: Title, private metaService: Meta) { }
  stories: IStory[] = require('../stories.json');
  ngOnInit(): void {
    this.story = this.loadStoryByFind(+this.activateRoute.snapshot.paramMap.get('id'));
    this.titleService.setTitle(this.story.title);
    this.metaService.addTags([
      {property: 'og:type', content: 'article'},
      {property: 'og:title', content: this.story.title},
      {property: 'og:url', content: 'http://denisejames.dev'},
      {property: 'og:description', content: 'website'},
      {property: 'og:image', content: 'https://denisejames.dev' + this.story.pictureUrl}
    ]);
    console.log('https://denisejames.dev + this.story.pictureUrl ', 'https://denisejames.dev' + this.story.pictureUrl );
  }

  loadStoryByFind(id) {
   return this.stories.find(x => x.id === id );
  }

}

Найден только 'og: url', content: 'http://denisejames.dev'.

...