1. 首先，在index.html中嵌入Tableau的Javascript API：

2. 然后在需要加载Tableau的组件中，使用下面的代码：

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

declare const tableau: any;

@Component({ selector: 'app-tableau', template: '

constructor() { }

ngAfterViewInit() {
    const vizUrl = 'https://YOUR_TABLEAU_URL';
    const vizDiv = document.getElementById('tableauViz');

    const options = {
        hideToolbar: true,
        width: '100%',
        height: '500px'
    };

    const viz = new tableau.Viz(vizDiv, vizUrl, options);
}

}

将YOUR_TABLEAU_URL替换为你自己的Tableau URL。

3. 最后，在组件的模板文件中使用下面的代码：

这将在页面加载时自动初始化Tableau仪表板，并且在页面刷新时仍然能够正确地渲染。