Angular 页面演示

Angular page demo

我有一个 angular 页面,我想使用 intro.js 之类的插件来演示该页面的不同功能。但是,问题是加载时不会显示整个页面。用户首先会看到一个输入框,他们必须填写一个 ID 并点击提交。一旦他们点击提交,页面就会进行 $http post 调用,然后显示页面的其余部分以及数据和其他功能。

所以在这种情况下,当开始时只显示部分页面时,最好的演示方法是什么?我有 2 个想法

  1. 使用整页的静态图片并在图片上做演示
  2. 有一个展示页面第一部分的演示按钮,然后当用户提交 id 时,提供一个单独的按钮来演示页面的其余部分功能

只有这两种方法吗?还有其他办法吗?

有两种方法

  1. 初始演示完成后,添加一个提示按钮(这是 intro.js 中的功能)并在用户单击提示后重新启动演示

  2. 使用编程方式添加步骤。首先显示 2 个步骤,让用户提交表单并加载控制器。再次重启 introjs