Angular2 http synchronous

Question

Please help me make an example about http with synchronous in Angular2?

I tried as below: In component:

getAllAddress(){
    this.addressService.getAllAddress().then(
            result => {
                this.data = result.list;
                this.onChangeTable(this.config, null);
                console.log('FIRST');
            }
        );
    console.log('LAST');
}

In service:

public getAllAddress(){
    return this.__http.get('LOCATION')
    .map((res) => {
        return res.json()
    })
    .toPromise();
}

But the console show log is 'LAST' before 'FIRST'.

Thanks.

Jigar · Accepted Answer · 2015-12-29 07:06:31Z

1

You will have to create your own implementations Connection and ConnectionBackend class and inject it while bootstrapping your app. See sample code below

export class XHRSynchronousConnection implements Connection    
 {

 }

export class XHRSynchronousConnectionBackend implements ConnectionBackend
{
}

You can bootstrap it as follows

bootstrap([provide(ConnectionBackend, {useClass:XHRSynchronousBackend}),
provide(Connection,{useClass:XHRSynchronousConnection}];

You can see the rest of the code in actual source code.

answered Dec 29, 2015 at 7:06

Jigar

5441 gold badge8 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

robwormald Over a year ago

no, please, no, don't do this. this is a terrible idea for any application running in the browser, as it will literally freeze the application while the request is in flight. See the MDN docs that mention this being a bad idea. developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest

Collectives™ on Stack Overflow

Angular2 http synchronous

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related