angular6 - 如何在 Angular 6 中使用 UI-tour

Question

任何人都知道哪个是在 Angular 应用程序中使用 UI-tour 或 walkthrough 的库。我没有找到任何有效的库，除了ng-walkthrough. 我的需要是我们可以对库具有更大的灵活性和可支持性。

我已经尝试过，ngx-bootstrap-product-tour但它对我不起作用。每当我单击它开始游览时，它没有反映任何内容，我没有看到任何错误或任何其他问题。

如果有任何建议，请告诉我们。

Answer 1

https://stackblitz.com/edit/angular-onboarding-overlay

上面的链接对我有用 - 与您正在寻找的目的相同。上面的示例使用 Angular Material CDK 和 Overlay 来实现这一点。

请在下面找到更多有用的链接，这些链接甚至可以支持 Angular 6。

• https://www.npmjs.com/package/ngx-joyride（非常直接）
• https://isaacplmann.github.io/ngx-tour/
• （https://introjs.com/）。https://www.freakyjolly.com/angular-7-6-adding-walk-through-introduction-tour-plugin-for-step-by-step-tutorial-in-angular-2-applications/

Answer 2

使用引导程序库。这是角度的引导之旅 - https://www.npmjs.com/package/ngx-bootstrap-product-tour

演示和文档 - https://nmilicic.github.io/ngx-bootstrap-product-tour/