other blocks of code gets executed after subscribe in angular

Question

I have this function to upload file after the file is uploaded it returned uploaded path then i pass it to tiny url this.tinyUrl.shorten(data.url).subscribe(sUrl => { shortUrl=sUrl;}); but the issue is sUrl is returned with certain delay and further code gets executed i want till sUrl is not returned the next code should not be executed.

handleUpload(file) {
    let promise = new Promise((resolve, reject) => {
      const contentType = file[0].type;
      const bucket = new S3(
        {
          .....
        }
      );
      .....
      bucket.upload(params, (err, data)=> {
        if (err) {
       
          return false;
        } else {
          if (data.url) {
            this.tinyUrl.shorten(data.url).subscribe(sUrl => {
              shortUrl=sUrl;
            });
          }
          resolve(this.FileUploadImage);
        }
      });
      setTimeout(() => {                        
       
      }, 4000);
    });
 

  }

Any solution Thanks

does it work for you correct? or you want more details provided? — Taras
– Taras, Commented Aug 18, 2022 at 11:48
@Taras Still not working please post your code so that i can try — user3653474
– user3653474, Commented Aug 18, 2022 at 11:58
Not sure if it is answer, but try this.tinyUrl.shorten(data.url).subscribe(sUrl => {shortUrl=sUrl; resolve(this.FileUploadImage);}); — Taras
– Taras, Commented Aug 18, 2022 at 11:59

Robert Harvey · Accepted Answer · 2022-08-18 12:44:51Z

2

If you subscribe to something, its asynchronous. So everything outside of the subscribe will be executed, like you experienced. If you want something to happen after the subscription returned a value, it needs to be done inside the subscription, for example like Taras did:

this.tinyUrl.shorten(data.url).subscribe(sUrl => {
  shortUrl=sUrl; 
  this.FileUploadImage();
});
this.nextMethod();

this.FileUploadImage() will be executed when the subscription received a return. this.nextMethod(); will be instantly executed, after the subscription starts.

Keep in mind, that subscribing like this is deprecated (Subscribe is deprecated: Use an observer instead of an error callback).

edited Aug 18, 2022 at 12:44

Robert Harvey

182k48 gold badges349 silver badges516 bronze badges

answered Aug 18, 2022 at 12:39

Smirgal

462 bronze badges

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

Collectives™ on Stack Overflow

other blocks of code gets executed after subscribe in angular

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related