Bir kullanıcıda oturum açan bir AuthService'im var, bir kullanıcı json nesnesini geri döndürüyor. Yapmak istediğim, o nesneyi ayarlamak ve tüm değişikliklerin sayfayı yenilemeye gerek kalmadan uygulama genelinde (oturum açıldı / oturumu kapatıldı durumu) yansıtılması.
Bunu AngularJS ile nasıl başarabilirim?
Yanıtlar:
Bunu başarmanın en kolay yolu bir hizmet kullanmaktır. Örneğin:
app.factory( 'AuthService', function() {
var currentUser;
return {
login: function() { ... },
logout: function() { ... },
isLoggedIn: function() { ... },
currentUser: function() { return currentUser; }
...
};
});
Daha sonra buna herhangi bir kontrol cihazınızda başvurabilirsiniz. Aşağıdaki kod, hizmetten bir değerdeki değişiklikleri izler (belirtilen işlevi çağırarak) ve ardından değiştirilen değerleri kapsamla eşitler.
app.controller( 'MainCtrl', function( $scope, AuthService ) {
$scope.$watch( AuthService.isLoggedIn, function ( isLoggedIn ) {
$scope.isLoggedIn = isLoggedIn;
$scope.currentUser = AuthService.currentUser();
});
});
Ve sonra, tabii ki, bu bilgileri uygun gördüğünüz şekilde kullanabilirsiniz; örneğin direktiflerde, şablonlarda vb. Bunu menü denetleyicilerinizde tekrar edebilirsiniz (yapmanız gerekenlere göre özelleştirilmiş), vb. Hizmetteki durumu değiştirdiğinizde hepsi otomatik olarak güncellenecektir.
Daha spesifik olan her şey, uygulamanıza bağlıdır.
Bu yardımcı olur umarım!
AuthService,. Bu sadece sayfa yenilemelerine değil, aynı zamanda yeni bir sekmede bir bağlantı açan birine yardımcı olur.
ui-router) ve yol çözümlemeleri, kimlik doğrulama denetimlerini KURU tutmanın iyi bir yoludur. Yazdıkların doğru.
Bir AuthService tipik olarak herkesin ilgisini çektiğinden Josh'un iyi yanıtını düzeltebilirim (örneğin, oturum açma görünümünden başka kimse, hiç kimse oturum açmazsa kaybolmalıdır), belki daha basit bir alternatif, $rootScope.$broadcast('loginStatusChanged', isLoggedIn);(1) kullanarak ilgilenen tarafları bilgilendirmek olabilir. ) (2), ilgili taraflar (denetleyiciler gibi) kullanarak dinleyecektir $scope.$on('loginStatusChanged', function (event, isLoggedIn) { $scope.isLoggedIn = isLoggedIn; }.
(1) $rootScopehizmetin bir argümanı olarak enjekte edilmek
(2) Muhtemel bir eşzamansız oturum açma işlemi durumunda, yayının bir $rootScope.$apply()işleve dahil ederek bazı şeyleri değiştireceğini Angular'a bildirmek isteyeceğinizi unutmayın .
Şimdi, kullanıcı bağlamını her / birçok denetleyicide tutmaktan bahsetmişken, hepsindeki oturum açma değişikliklerini dinlemekten memnun olmayabilirsiniz ve yalnızca en üstteki oturum açma denetleyicisinde dinlemeyi, ardından diğer oturum açma farkındalı denetleyicileri çocuk olarak eklemeyi tercih edebilirsiniz. bunun gömülü denetleyicileri. Bu şekilde, alt denetleyici, kullanıcı bağlamınız gibi devralınan üst $ kapsam özelliklerini görebilir.