如何实现localstorage来检测应用程序在安装后首次运行?

时间:2017-03-15 07:34:04

标签: javascript angularjs ionic-framework

我一直在搜索如何检测应用程序的第一次离子运行,我试图按照本地存储示例:

First Run after app installation

我将此代码添加到app.js运行功能:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <android.support.v7.widget.CardView
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:id="@+id/card_view_v"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"

        app:cardBackgroundColor="@android:color/white"
        app:cardCornerRadius="2dp"
        app:cardElevation="2dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:src="@drawable/pika"
                />

            <TextView
                android:id="@+id/text"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="?android:selectableItemBackground"
                android:padding="20dp"
                tools:text="Paris"
                android:fontFamily="sans-serif"
                android:textColor="#333"
                android:textSize="18sp"/>
        </LinearLayout>



    </android.support.v7.widget.CardView>
</LinearLayout>

但是,我的应用程序在运行后显示空白屏幕。

如何实施本地存储以检测应用的首次运行?我错过了什么吗?

1 个答案:

答案 0 :(得分:1)

首先加载的控制器,即$urlRouterProvider.otherwise('\firstPage')

if(localStorage['firstTimeLoad']!='TRUE'){
    localStorage['firstTimeLoad']='TRUE';
    $state.go('onetime.view'); 
}
else{
    $state.go('your.route');
}

因此,当您的应用首次加载时,您的localstorage将为null。因此,它会将您引导至您的第一个页面并设置localstorage,这样当您第二次加载应用程序时,将无法满足条件。