Angular 在组件中加载facebook页面时出现角度问题

我正在尝试在我的Angular 8应用程序的home组件中加载Facebook插件。

对于第一个load home组件，一切都正常，但是当我转到另一条路线，然后再回到家中时，fb的盒子是空的

内容不再显示

---

有人有类似的问题，可以帮我吗？

解决方法是手动初始化FB页面插件

这是为了防止在访问window.FB时出现任何TS linting错误

declare global {
    interface Window {
        FB: any;
    }
}

然后检查是否存在

window.FB

，尤其是当使用角度路线离开并返回时，truthy

if (window.FB && window.FB.init) {
  window.FB.init({ status: true, xfbml: true, version: 'v5.0' });
} else {
  // original FB SDK script login goes here
}

---

解决方案是手动初始化FB页面插件

这是为了防止在访问window.FB时出现任何TS linting错误

declare global {
    interface Window {
        FB: any;
    }
}

然后检查是否存在

window.FB

，尤其是当使用角度路线离开并返回时，truthy

if (window.FB && window.FB.init) {
  window.FB.init({ status: true, xfbml: true, version: 'v5.0' });
} else {
  // original FB SDK script login goes here
}

---

我在我的一个组件中使用facebook页面插件时也遇到了同样的情况——这个解决方案对我很有效：

import { Component, OnInit } from '@angular/core';

declare var FB: any;

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

  constructor() {}

  ngOnInit() {
    if (FB != null && FB.XFBML != null)
      FB.XFBML.parse();
  }

}

---

我在我的一个组件中使用facebook页面插件时也遇到了同样的情况——这个解决方案对我很有效：

import { Component, OnInit } from '@angular/core';

declare var FB: any;

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

  constructor() {}

  ngOnInit() {
    if (FB != null && FB.XFBML != null)
      FB.XFBML.parse();
  }

}

---

你找到解决办法了吗？你找到解决办法了吗？