我们可以使用离子框架为应用程序的全新安装制作教程页面吗？

Question

我一直在尝试使用 ionic 框架为我的应用第一期制作教程页面。甚至可以制作教程页面吗？因为我已经可以制作启动画面和图标了。可以举个例子吗？

Answer 1

您可以通过将某些内容存储到localstorage 中来实现这一点，在您的 index.html 控制器上，如果用户看到了介绍，您将检查本地存储。一旦 Intro 页面被加载，localstorage 变量将被存储为 用户所见 之类的东西。

我使用了 Ionic 的 Slidebox 示例，我只是将这些添加到 2 个控制器中以检查是否看到了 Intro。

你的主控制器：

 if (window.localStorage.getItem("didIntro") === null) {
    $state.go('intro');
 }

YourIntroController：

window.localStorage.setItem("didIntro", "seen");

您可以签出我为此修改的this Codepen。

PS：如果用户卸载应用程序或清除数据应用程序，将向用户显示介绍。如果这让您感到困扰，您可以保留用户的服务器端标识，并且在进行身份验证时，您可以检查保存在服务器上的 didIntro 标志。