Как определить Excel, используя Microsoft Office-JS в Angular 6

Question

Я слежу за этим сайтом для интеграции офиса 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 6 build с версией Angular CLI 6.0.8