ฉันจะจัดเก็บบริบทผู้ใช้ปัจจุบันใน AngularJS ได้อย่างไร?

ฉันมี AuthService ซึ่งเข้าสู่ระบบผู้ใช้มันจะส่งคืนวัตถุ json ของผู้ใช้ สิ่งที่ฉันต้องการทำคือตั้งค่าออบเจ็กต์นั้นและให้การเปลี่ยนแปลงทั้งหมดสะท้อนให้เห็นทั่วทั้งแอปพลิเคชัน (สถานะล็อกอิน / ล็อกเอาต์) โดยไม่ต้องรีเฟรชหน้า

ฉันจะทำสิ่งนี้ให้สำเร็จด้วย AngularJS ได้อย่างไร

วิธีที่ง่ายที่สุดในการดำเนินการนี้คือการใช้บริการ ตัวอย่างเช่น:

app.factory( 'AuthService', function() {
  var currentUser;

  return {
    login: function() { ... },
    logout: function() { ... },
    isLoggedIn: function() { ... },
    currentUser: function() { return currentUser; }
    ...
  };
});

จากนั้นคุณสามารถอ้างอิงสิ่งนี้ในคอนโทรลเลอร์ของคุณ รหัสต่อไปนี้คอยตรวจสอบการเปลี่ยนแปลงของค่าจากบริการ (โดยการเรียกใช้ฟังก์ชันที่ระบุ) จากนั้นจะซิงค์ค่าที่เปลี่ยนแปลงกับขอบเขต

app.controller( 'MainCtrl', function( $scope, AuthService ) {
  $scope.$watch( AuthService.isLoggedIn, function ( isLoggedIn ) {
    $scope.isLoggedIn = isLoggedIn;
    $scope.currentUser = AuthService.currentUser();
  });
});

และแน่นอนคุณสามารถใช้ข้อมูลนั้นได้ตามที่เห็นสมควร เช่นในคำสั่งในเทมเพลต ฯลฯ คุณสามารถทำซ้ำสิ่งนี้ (ปรับแต่งตามสิ่งที่คุณต้องทำ) ในตัวควบคุมเมนูของคุณ ฯลฯ ทั้งหมดนี้จะได้รับการอัปเดตโดยอัตโนมัติเมื่อคุณเปลี่ยนสถานะของบริการ

สิ่งที่เฉพาะเจาะจงขึ้นอยู่กับการใช้งานของคุณ

หวังว่านี่จะช่วยได้!

ฉันจะแก้ไขการตอบสนองที่ดีของ Josh โดยเพิ่มว่าเนื่องจาก AuthService มักเป็นที่สนใจของทุกคน (พูดว่าใครก็ได้ แต่มุมมองการเข้าสู่ระบบควรหายไปหากไม่มีใครบันทึก) อาจเป็นทางเลือกที่ง่ายกว่าคือการแจ้งให้ผู้สนใจทราบโดยใช้$rootScope.$broadcast('loginStatusChanged', isLoggedIn);(1 ) (2) ในขณะที่บุคคลที่สนใจ (เช่นตัวควบคุม) $scope.$on('loginStatusChanged', function (event, isLoggedIn) { $scope.isLoggedIn = isLoggedIn; }จะฟังโดยใช้

(1) $rootScopeถูกฉีดเป็นข้อโต้แย้งของบริการ

(2) โปรดทราบว่าในกรณีที่เป็นไปได้ของการดำเนินการเข้าสู่ระบบแบบอะซิงโครนัสคุณจะต้องแจ้ง Angular ว่าการออกอากาศจะเปลี่ยนแปลงสิ่งต่างๆโดยรวมไว้ใน$rootScope.$apply()ฟังก์ชัน

ตอนนี้เมื่อพูดถึงการรักษาบริบทของผู้ใช้ในตัวควบคุมทุกตัว / หลายตัวคุณอาจไม่พอใจที่จะฟังการเปลี่ยนแปลงการเข้าสู่ระบบในทุกคนและอาจต้องการฟังเฉพาะในตัวควบคุมการเข้าสู่ระบบที่อยู่บนสุดจากนั้นเพิ่มตัวควบคุมที่รับรู้การเข้าสู่ระบบอื่น ๆ เป็นลูก / ตัวควบคุมแบบฝังของตัวนี้ ด้วยวิธีนี้ตัวควบคุมเด็กจะสามารถดูคุณสมบัติ $ ขอบเขตหลักที่สืบทอดมาเช่นบริบทผู้ใช้ของคุณ