是否有适用于Viewer版本7的使用角度8进行自动伪造的示例。*

Question

我想为angular（typescript）应用程序实现Autodesk Forge。我曾经使用过ng2-adsk-forge-viewer程序包，但是有没有可以不使用该功能的任何示例。在ng2-adsk-forge-viewer中，我不知道加载后如何获取查看器属性。

Answer 1

您可以先回顾一下Autodesk github上的一些projects。那里有一个打字稿的例子。您也可以按照learnforge教程入门。如果您对Angular和打字稿有所了解，则可以调整教程的纯Javascript以适合Angular组件。

这里有一些代码可以帮助您入门。

Component.ts

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

  }
  private async initViewer() {

    var options = {
      env: 'AutodeskProduction',
      api: 'derivativeV2', // for models uploaded to EMEA change this option to 'derivativeV2_EU'
      getAccessToken: null // get your 2 legged access token here instead of null (folow the turial)
    };

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

      let htmlDiv = document.getElementById('forgeViewer')
      let config3d = {

      }

      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...');

    });
  }
}

Component.html

<div id="forgeViewer"></div>

还请确保包括

<link rel="stylesheet" href="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/style.min.css" type="text/css">
<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.min.js"></script>

在您的index.html中

祝你好运！