我们是否可以使用离子框架为应用程序的新装置制作教程页面？

Question

我一直在尝试使用离子框架为我的应用程序第一部分制作教程页面。甚至可以制作教程页面吗？因为我可以设法制作启动画面和图标。一个例子可能？

Answer 1

您可以通过将某些内容存储到localstorage来实现这一目标，在index.html的控制器上，如果用户已经看过该内容，您将检查本地存储。加载Intro页面后，localstorage变量将存储为用户或其他东西。

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

YourMainController ：

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

<强> YourIntroController ：

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

您可以结帐我为此修改的this Codepen。

PS：如果用户取消安装应用或应用的清除数据，则会向用户显示此介绍。如果这让您感到困扰，您可以保留用户的服务器端标识，并且在验证后，您可以检查保存在服务器上的didIntro标志。