如何在 angular 中創建 autodesk forge api？

Question

我正在嘗試按照文檔中的步驟在 angular 中設置查看器，但它們位於 js 和 node.js https://aps.autodesk.com/en/docs/viewer/v7/developers_guide/overview/

no me muestra nada en la app este es mi app.component

import { Component, OnInit } from '@angular/core';
export const ACCESS_TOKEN = "TOKEN_HERE";
export const DOCUMENT_URN = "*****";

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

  export class AppComponent implements OnInit {
    private viewer!: Autodesk.Viewing.Viewer3D;
    async ngOnInit() {
      this.initViewer();

    }
    private async initViewer() {

      var options: any = {
        env: 'AutodeskProduction',
        api: 'derivativeV2', // for models uploaded to EMEA change this option to 'derivativeV2_EU'
        getAccessToken:(
          onGetAccessToken: (token: string, expire: number) => void
        ) => {

          fetch('******')
               .then((response) => response.json())
               .then((json) => {
                 console.log(json);
                     var authToken = json;
                     onGetAccessToken(json.access_token,
json.expires_in);
                 });


          const expireTimeSeconds = 60 * 30;
          onGetAccessToken(ACCESS_TOKEN, expireTimeSeconds);
        },
       };

      Autodesk.Viewing.Initializer(options, () => {

        let htmlDiv:any = document.getElementById('forgeViewer');
        let config3d = {
          extensions: [ "Autodesk.DocumentBrowser"],

          theme: "dark-theme"

        }

        this.viewer = new Autodesk.Viewing.GuiViewer3D(htmlDiv, config3d);

        var startedCode = this.viewer.start();
        if (startedCode > 0) {
          console.error('Failed to create a Viewer: WebGL not supported.');
          return;
        }
        console.log('Initialization complete, loading a model next...');

      });
    }
  }


```***************************************************
app.html

正文 { 保證金：0; } #forgeViewer { 寬度：100%； 高度：100%； 保證金：0； 背景色：#F0F8FF； }

Answer 1

“查看器是用 JavaScript 編寫的”應該不是問題，因為 TypeScirpt 是 JavaScript 的子集。

您可以通過npm install --save-dev @types/forge-viewer獲取社區貢獻的類型定義。 詳情請查看這里： https://aps.autodesk.com/blog/typescript-definition-forge-viewer-v7-released

不幸的是，我們在 Angular 中沒有任何示例寫作，但如果我用 google 搜索Autodesk Forge Viewer Angular ，我可以在頂部看到一個 3rd-party Angular 包裝器。

https://www.google.com/search?q=forge+viewer+angular&oq=forge+viewer+an&aqs=edge.2.69i64j0i30l2j69i64.10090j0j1&sourceid=chrome&ie=UTF-8

並檢查此線程： Is there examples available for auto forge using angular 8 for viewer version7.*