如何在Angular2 Outlook加载项中使用Addin命令

Question

如何将加载项命令与Angular Outlook加载项一起使用？

我们有一个Office.js加载项，并有一个Functions.html和一个Functions.js来调用命令。我们已将functions.html的网址添加到我们的清单文件中。

• Functions.html：为支持加载项命令的客户端加载Functions.js的空HTML文件。
• Functions.js：单击“加载项命令”按钮时调用的代码。

任何人都可以使用Angular建议使用加载项命令吗？

Answer 1

命令加载项不应该有任何UI，因此在这里使用angular 2或任何前端框架没有任何意义。命令加载项的意图是在单击按钮时执行一些代码。

如果您正在使用具有UI的任务窗格加载项，那么使用像Angular这样的前端框架是有意义的。

如果要在任务窗格中使用Angular 2/4，则需要在初始化办公室后启动角度应用程序。

 Office.initialize = function (reason) {
     //Bootstrap angular app her. 
 };

Answer 2

Add-in Commands在Manifest中指定，并不关心您添加的是哪个框架。

您可以在documentation下的Add-in commands for Outlook找到一个步骤。