如何隱藏其他頁面的內容，直到使用 angular4 登錄

Question

我有 2 頁 .. 在一頁中我有帶有登錄的標題部分，在另一頁中我有頂部標題內容和注冊表單。 1.頂部標題內容必須隱藏。 一旦我登錄，必須顯示 topheader。 2.如果我還沒有登錄，那么必須顯示注冊表，一旦登錄，注冊表必須隱藏。

Answer 1

您需要使用會話。

這是給你的一種片段：

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

Answer 2

使用本地存儲來設置值，如

localStorage.setItem("yourvariable", 'true');

在每個頁面加載時獲取此變量以檢查它是否為真。 喜歡

localStorage.getItem("yourvariable");

您還可以更新本地存儲值，例如

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

updatevalue = "false";

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