angular - 在 Angular 中设置 Desmos

Question

我想在我的项目中使用 Desmos api。我在他们的 API 文档站点（https://www.desmos.com/api/v1.6/docs/index.html?lang=uk）上关注快速入门指南。我通过 npm 安装程序安装了 desmos。此外，我正在使用他们的演示 API 密钥（也可以在快速入门部分找到）。但是当我启动程序时什么都没有显示。我的 app.component.html：

<div id="calculator" style="width: 600px; height: 400px;"></div>

<script src="https://www.desmos.com/api/v1.6/calculator.js?apiKey=dcb31709b452b1cf9dc26972add0fda6"></script>

<script>
  var elt = document.getElementById('calculator');
  var calculator = Desmos.GraphingCalculator(elt);
  calculator.setExpression({ id: 'graph1', latex: 'y=x^2' });
</script>

app.module.ts：

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})

标签： angulartypescript