How do i console log the results inside the subscribe?

Question

In my angular app i am calling a service and fetching the data, i need to add a console log once the results are fetched. where can i add console log?

 this.searchTerm.asObservable()
            .debounceTime(300)      
            .distinctUntilChanged() 
            .switchMap(term => this.doFind(term))
            .subscribe(data => this.results = data
            , error => {
                this.errorMessage = error;
            });

score 14 · Accepted Answer · answered Apr 26 '17 at 08:15

14

Use a code block

this.searchTerm.asObservable()
        .debounceTime(300)      
        .distinctUntilChanged() 
        .switchMap(term => this.doFind(term))
        .subscribe(data => {
           this.results = data;
           console.log('data', data);
        })
        , error => {
            this.errorMessage = error;
        });

or the do operator

 this.searchTerm.asObservable()
        .debounceTime(300)      
        .distinctUntilChanged() 
        .switchMap(term => this.doFind(term))
        .do(val => condole.log(val))
        .subscribe(data => this.results = data
        , error => {
            this.errorMessage = error;
        });

answered Apr 26 '17 at 08:15

Günter Zöchbauer

623,577
216
2,003
1,567

.do(this.resultFetched == true); i cannot do this – Apr 26 '17 at 08:26
I didn't say you should ;-) What would you want to do this for? – Günter Zöchbauer Apr 26 '17 at 08:32
i want to assign to a variable to true when the results are fetched – Apr 26 '17 at 08:36
Ok, but that is in no way related to your original question. Why don't you do it in `subscribe`? `do` is intended to be used only for its side effects which seems a good fit for logging. – Günter Zöchbauer Apr 26 '17 at 08:40
then where to set it? i need to set it once i get the results. actually i have put console.log in the question, instead i need to set the variable to true – Apr 26 '17 at 09:03
As I said, why don't you do it in `subscribe`? – Günter Zöchbauer Apr 26 '17 at 09:05
can you check this one? http://stackoverflow.com/questions/43633995/close-the-following-dropdown-when-user-click-outside – Apr 26 '17 at 16:59
Didn't you just previously post a link to a similar question with several answers? – Günter Zöchbauer Apr 26 '17 at 17:00
yes i did, thats the link attached in the question. any idea to solve this? – Apr 26 '17 at 17:18

score 2 · Answer 2 · answered Apr 26 '17 at 08:16

2

You are using the shorthand version of the arrow function, use the bigger version :)

.subscribe((data) => {
     this.results = data;
     console.log(data);
 }, error => {
    this.errorMessage = error;
 });

answered Apr 26 '17 at 08:16

Poul Kruijt

69,713
12
145
149

score 1 · Answer 3 · answered Apr 26 '17 at 08:26

u can do like this

  this.searchTerm.asObservable()
        .debounceTime(300)      
        .distinctUntilChanged() 
        .switchMap(term => this.doFind(term))
        .subscribe(
            data=>this.message=data.msg,
            error=>alert('errer'),
            ()=>{console.log('finished');}

            );

How do i console log the results inside the subscribe?

3 Answers3

Linked