# Debugging angular code inside template node?

**URL:** https://discourse.nodered.org/t/debugging-angular-code-inside-template-node/7455
**Category:** Dashboard
**Created:** [1 February 2019 03:52 UTC](https://discourse.nodered.org/t/debugging-angular-code-inside-template-node/7455 "2019-02-01T03:52:08Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![uma](https://avatars.discourse-cdn.com/v4/letter/u/ba9def/32.png) [@uma](https://discourse.nodered.org/u/uma)
#### Post date: [1 February 2019 03:52 UTC](https://discourse.nodered.org/t/debugging-angular-code-inside-template-node/7455/1 "2019-02-01T03:52:08Z")

</div>

Hi  
Does someone have a way to debug angular code inside a template node (node-red-dashboard)? I cant seem to get Batarang ([https://chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk?hl=en](https://chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk?hl=en)) or other similar chrome angularjs debug extensions to work. Please note that I am not asking how to debug a node-red node  
Thanks  
Uma

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [1 February 2019 10:17 UTC](https://discourse.nodered.org/t/debugging-angular-code-inside-template-node/7455/2 "2019-02-01T10:17:05Z")

</div>

The reviews of that tool don't seem very promising.

Have you tried something different like [ng-inspect](https://chrome.google.com/webstore/detail/ng-inspect-for-angularjs/cidepfmbgngpdapgncfhpecbdhmnnemf)?

I only use Dashboard for the simplest of things so I don't need to do debugging. Unsurprisingly, I use uibuilder if I need to build something bespoke. I'm not a great fan of Angular anyway as it seems like a great lumbering beast of a tool - doubtless great for building big, complex web apps but that isn't what I'll ever be doing. This isn't a dig at Dashboard by the way, if fills a really useful purpose in Node-RED and has proved a tremendous tool for many.

---

<div class="post-metadata">

### Author: ![uma](https://avatars.discourse-cdn.com/v4/letter/u/ba9def/32.png) [@uma](https://discourse.nodered.org/u/uma)
#### Post date: [3 February 2019 22:32 UTC](https://discourse.nodered.org/t/debugging-angular-code-inside-template-node/7455/3 "2019-02-03T22:32:31Z")

</div>

Thanks for that- will give it a try. I had a brief look at uibuilder- looks very interesting- thanks for writing that. Will take that for a spin as well

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [3 February 2019 22:40 UTC](https://discourse.nodered.org/t/debugging-angular-code-inside-template-node/7455/4 "2019-02-03T22:40:40Z")

</div>

> [@uma](#):
>
> I had a brief look at uibuilder- looks very interesting- thanks for writing that. Will take that for a spin as well

Thanks 🙂

I'm just working on the next major update of uibuilder. I am implementing an editor for your front-end files so you don't have to have access to the server's filing system. Should make it a lot easier to do small edits. The logging will also be much improved.

I recently used uibuilder to start building a new home dashboard that is aimed at being more family friendly. Based on uibuilder, VueJS and bootstrap-vue, it has proved really easy to do. There is a post about it on the forum somewhere with loads of screenshots. Even with Vue and bootstrap, the front-end code is still vastly smaller than anything that Angular (Dashboard) can do.

As I start to need more capabilities for my dashboard, I'll be trying to build some standard components to make it easier to do things a bit more Dashboard-like such as charts and the like.
