#79 {{debugger}}

Did you know you can put a breakpoint in your template? Simply add {{debugger}} anywhere and it will break in your dev tools (I only tried it in Chrome).

Once in a breakpoint, you can call get() in your console and poke around. You can even add it in an each loop to inspect the loop item, for example:

{{#each model as |item|}}
{{debugger}}
{{/each}}

When the break point hits, just type:

get('item')

and you will see the item you are currently looping on.


Originally published at Ember Daily Tips.