5

At the end of the Angular's "Getting started/try it/using forms for user inputs", we are asked at the end to "open the console to see an object containing the name and address you submitted.". But I only have a terminal where the app is running, and a classic terminal at my disposal.

Where is the console which shows the log of (in cart.component.ts line 28):

console.warn('Your order has been submitted', this.checkoutForm.value);

enter image description here

It's not in the inspect page.

[Edit]

To me it's not at the bottom of the page as Robert proposed. Maybe there's a console option to enable somewhere?

enter image description here

Kokottc
  • 101
  • 1
  • 7

3 Answers3

3

I experienced the same thing, where the forked "Getting Started" Angular project on StackBlitz didn't show a console option. To see a console I clicked "open in new tab" in the top right, and then I used the browser console (e.g. to see Chrome's console right click on the output page and select 'Inspect', then click on the 'Console' tab).

View open in new tab button location enter image description here

View example chrome console; enter image description here

Zorkan Erkan
  • 1,233
  • 1
  • 5
  • 13
Nikkitory
  • 31
  • 4
2

When you use the "ready-made sample project in StackBlitz" from Angular "try it/Getting started", it doesn't have a console.

The console is present as Roberts screen shows when you create a new project from StackBlitz.

Kokottc
  • 101
  • 1
  • 7
0

It should be at the bottom of the page:

enter image description here

Update If you happend to use Vite etc. WebContainers then open the DevTools (F12):

enter image description here

robert
  • 5,742
  • 7
  • 28
  • 37