如何隐藏其他页面的内容,直到使用angular4登录

时间:2018-02-13 14:06:55

标签: javascript html angular typescript

我有2页..在一个页面中我有标题部分和signIn,而在其他页面我有顶部标题内容和SignUp表单。 1.必须隐藏顶部标题内容。一旦我登录,必须显示topheader。 2.如果我还没有登录,那么必须显示注册表格,一旦签到IN,就必须隐藏签名表格。

2 个答案:

答案 0 :(得分:0)

您需要使用会话。

以下是一种代码片段:

app.factory('Session', function($http) {
 var Session = {
    data: {},
    saveSession: function() { /* save session data to db */ },
updateSession: function() { 
  /* load data from db */
  $http.get('session.json').then(function(r) { return Session.data = r.data;});
}
};
Session.updateSession();
 return Session; 
});

以下是Plunker示例,您可以如何使用它:http://plnkr.co/edit/Fg3uF4ukl5p88Z0AeQqU?p=preview

答案 1 :(得分:0)

使用本地存储设置

之类的值
localStorage.setItem("yourvariable", 'true');

在每个页面加载时获取此变量以检查它是真还是否。喜欢

localStorage.getItem("yourvariable");

您还可以更新本地存储值,如

var updatevalue= JSON.parse(localStorage.getItem("yourvariable"));

updatevalue = "false";

localStorage.setItem("yourvariable",JSON.stringify(updatevalue));