离子3 - 提供者是否坚持使用页面?

时间:2017-09-14 11:56:38

标签: angular typescript ionic-framework ionic3

情景:

当用户验证他们的手机时,他们将调用此身份验证提供程序的Login()函数。在立即登录后,它们被带到一个调用getUser函数的配置文件页面。但是,变量user_id和user_token不会保留。

提供商/ Auth.ts

body {
  background: #FFF;
  padding-top: 4rem; }

.green-text {
  color: #1CAA98 !important; }

.jumbotron {
  background: url(../img/site_showcase_bg.jpg) no-repeat top center;
  color: #FFF;
  height: 500px;
  overflow: none; }
  .jumbotron img.app-btn {
    width: 40%;
    margin-right: 30px;
    display: inline; }
  .jumbotron h1 {
    margin-top: 60px; }
  .jumbotron p {
    margin-bottom: 40px; }
  .jumbotron img.showCase-img {
    max-width: 100%; }

section#middle {
  padding: 10px 0 40px 0; }
  section#middle img.demo-1 {
    width: 100%;
    padding: 3px;
    border: 1px solid #CCC; }
  section#middle img.demo-2 {
    width: 100%;
    padding: 3px;
    border: 1px solid #CCC; }
  section#middle img.demo-3 {
    width: 100%;
    padding: 3px;
    border: 1px solid #CCC; }

section#feature {
  background: #1CAA98;
  color: #FFF;
  padding: 40px;
  overflow: auto; }
  section#feature ul li {
    font-size: 22px;
    list-style: none; }
  section#feature .big-logo {
    width: 100%; }

P.S我已在app.module.ts providers []中添加了此提供程序。

1 个答案:

答案 0 :(得分:1)

不会持久数据。因此,您必须通过storage模块获取数据,如下所示。

getUser() {
     // to get a key/value pair
      this.storage.get('user_id').then((val) => {
        console.log('Your user_id', val);
      });
}