Adaptive Card QuickView Navigation not firing

Question

好的，所以我刚刚开始使用自适应卡，并下载了PNP ACE项目(Git Hub Link)作为一个起点。启动项目并运行gulp serve....一切似乎都很棒....直到我尝试点击CardView上的View Items或Add Item按钮。这两个按钮都能启动快速视图，但当你点击它们时什么也没发生。尝试了2个不同的浏览器，没有在控制台中注册错误，它的行为就像没有一个操作绑定到按钮。

所以，我想&;好吧，可能是在提交中出错了&;，我开始了一个全新的项目，使用约曼。

建立项目，构建并提供服务;完全一样的问题!!默认ACE项目模板中的按钮也不起作用。我想不出是什么原因。

下面是模板创建的按钮的函数:

public get cardButtons(): [ICardButton] | [ICardButton, ICardButton] | undefined {
return [
{
title: strings.QuickViewButton,
action: {
type: 'QuickView',
parameters: {
view: QUICK_VIEW_REGISTRY_ID
}
}
}
]};

这看起来就像PNP示例(以及我在网上看到的所有其他示例)。甚至quickViewNavigator的填充方式也是一样的。下面是模板项目中的一个(为了节省空间，删除了类定义):

const CARD_VIEW_REGISTRY_ID: string = 'JasonAdaptiveTest_CARD_VIEW';
export const QUICK_VIEW_REGISTRY_ID: string = 'JasonAdaptiveTest_QUICK_VIEW';
public onInit(): Promise<void> {
this.state = { };
this.cardNavigator.register(CARD_VIEW_REGISTRY_ID, () => new CardView());
this.quickViewNavigator.register(QUICK_VIEW_REGISTRY_ID, () => new QuickView());
return Promise.resolve();
}

怎么了?为什么这些不起作用?是否缺少一些NPM包?

Answer 1

嗯，在教程中找到了解释我的问题的行。一个单独的注释，在一个不一定是关于快速浏览的页面。

注意

在编辑模式下禁用ACE交互。工作台或页面必须处于"预览"或"读取"模式才能与ACE交互。