如何在 Angular 6 中使用 microsoft office-js 定义 Excel

Question

我正在关注这个网站来集成office js

像这样声明：

import * as Excel from '@microsoft/office-js/excel' 它显示编译时错误：

找不到模块“@microsoft/office-js/excel”

像这样声明：

declare var Excel: any

它显示运行时错误：

错误 ReferenceError：Excel 未定义

请建议如何申报。我需要像这样使用它：

Excel.run(session, (context){
   ...
});

Answer 1

安装办公室类型定义：

npm install --save @types/office-js

在 tsconfig.app.json 中添加：

"types": [
    "office-js"
]

在 main.ts 中，您将应用程序引导为：

    Office.initialize = function () {
    platformBrowserDynamic().bootstrapModule(AppModule);
};

在index.html中添加：

<script type="text/javascript" src="https://appsforoffice.microsoft.com/lib/1/hosted/office.js"></script>

之后，您应该能够在您的角度服务中编写类似的内容：

  getExtension(): string {
    if (Office.context.host === Office.HostType.Word) {
      return '.docx';
    } else if  (Office.context.host === Office.HostType.Excel) {
      return '.xlsx';
    } else if (Office.context.host === Office.HostType.PowerPoint) {
      return '.pptx';
    } else {
      return null;
    }
  }

在这里您可以找到 Angular Office-js 项目的示例：

Angular Office-js 示例项目

它是使用 Angular CLI 版本 6.0.8 构建的 Angular 6