Where should I view Console.log result in AngularJS?

Question

I am having the following code:

var vocabularies = new MyDataService.myService();
vocabularies.success(function (data) {
     console.log(data);                                    
}).error(function (data) {
     console.log(data);
});

Where can I view the value of data instead of debugging the above code?

in console only.. :D rightClick-> inspect element.. and there you are... — Ritt
– Ritt, Commented Mar 16, 2016 at 7:20
in Chrome click on view area -> Inspect Element -> Sources Tab. Here u will find the sources — Maxim Shoustin
– Maxim Shoustin, Commented Mar 16, 2016 at 7:20
If you don't want to use the developer console, try using alert(data). — Aer0
– Aer0, Commented Mar 16, 2016 at 7:22

n3018 · Accepted Answer · 2016-03-16 07:59:35Z

3

If you want to view the data present in the console then you may use keyboard shortcut Ctrl + Shift + J to bring focus on the console. If you want to see your data during execution you may use alert instead of console.log.

If you want to bind your data to the HTML you need to use

    $scope.variable=data;

you can then get your value by using expression tag in HTML.

    {{variable}}

answered Mar 16, 2016 at 7:59

n3018

1311 gold badge2 silver badges12 bronze badges

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

Comments

Coder John · Accepted Answer · 2016-03-16 07:28:44Z

2

You can assign your data to a $scope variable. And on template you can view it. Find below code:

var vocabularies = new MyDataService.myService();
vocabularies.success(function (data) {
   console.log(data);
   $scope.viewData = data;                                    
}).error(function (data) {
  console.log(data);
  $scope.viewData = data;
});

And then on the template:

{{viewData | json}}

The above will print it in json format if its json else normal text

answered Mar 16, 2016 at 7:28

Coder John

7864 silver badges7 bronze badges

Collectives™ on Stack Overflow

Where should I view Console.log result in AngularJS?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related