Cách truy cập kết quả từ lời hứa trước đó trong chuỗi lời hứa AngularJS?

Question

Tôi có đoạn mã sau:

authService.authenticate() 
.then(function (user) { 
    return Task.all({user: user}) 
}) 
.then(function (tasks) { 
    // How to access user object here? 
}) 

Có một số cách built-in để vượt qua user đối tượng thứ hai then chức năng mà không làm một cái gì đó như thế này:

var user2 = null; 
authService.authenticate() 
.then(function (user) { 
    user2 = user 
    return Task.all({user: user}) 
}) 
.then(function (tasks) { 
    // Use user2 here 
}) 

hay này:

authService.authenticate() 
.then(function (user) { 
    var defer = $q.defer() 
    Task.all({user: user}).then(function (tasks) { 
    return defer.resolve(user, tasks) 
    }) 
    return defer.promise 
}) 
.then(function (user, tasks) { 
    // Use user2 here 
}) 

hoặc lồng chúng bằng cách gọi số then thứ hai trực tiếp trên Task.all (cách này tôi có đối tượng user có sẵn thông qua đóng cửa)? Làm tổ họ là chính xác những gì tôi đang cố gắng để tránh.

Answer 1

Bạn có thể đặt sau đó trong phạm vi nơi người dùng vẫn có thể truy cập (kiểm tra đóng cửa)

authService.authenticate() 
.then(function (user) { 
    Task.all({user: user}) 
    .then(function (tasks) { 
    // How to access user object here? 
    }) 
}) 

Từ Kriskowal của Q documentation bản thân, cả hai phong cách là tương đương. Angular's $q được dựa trên Q

Sự khác biệt duy nhất là lồng ghép. Sẽ rất hữu ích khi lồng ghép các trình xử lý nếu bạn cần chụp nhiều giá trị đầu vào trong quá trình đóng.

Answer 2

thể kết hợp sử dụng, nhiệm vụ thành một đối tượng để vượt qua để tiếp then

authService.authenticate() 
.then(function (user) { 
    var defer = $q.defer() 
    Task.all({user: user}).then(function (tasks) { 

    return defer.resolve({user:user, tasks:tasks}) 
    }) 
    return defer.promise 
}) 
.then(function (data) { 
    $scope.user=data.user; 
    $scope.tasks=data.tasks; 
}) 

DEMO