Re: [angular.js] The AngularJS Batarang: superpowered debugging for AngularJS apps!

[Mark Mandel]

Looks awesome :)

Can't wait to try it out.

Mark

On Tue, Jul 3, 2012 at 8:34 AM, Brian Ford <brian....@gmail.com> wrote:

Today we're releasing the AngularJS Batrang: a chrome extension to help debug Angular apps. Check out the blog post for more info, and please let us know what you think!

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/ds8so6tMEhgJ.
To post to this group, send email to ang...@googlegroups.com.
To unsubscribe from this group, send email to angular+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/angular?hl=en.

--
E: mark....@gmail.com
T: http://www.twitter.com/neurotic
W: www.compoundtheory.com

2 Devs from Down Under Podcast

http://www.2ddu.com/

[ma...@intelligenia.com]

I have installed it on Windows 7/Chrome  22.0.1193.0 canary and angular icon doesn't show on developer panel. Any idea on how to enable it?

Thanks.

[Nikolaos Dimopoulos]

Great job! This undoubtedly is a great tool that can help and speed development and debugging!

I have installed the extension and started playing with the performance tools. My application does a simple ajax call to the backend and receives a json array which ng-repeat shows on screen.

The performance tab (watch expressions) reported that the 'slowest' call in my app is:

function (a){var e,f,h=a.$eval(i),m=fc(h,!0),p,u=new db,A,y,v,s,z=c;if(K(h))v=h||[];else{v=[];for(A in h)h.hasOwnProperty(A)&&A.charAt(0)!= | 85.7% | 436ms

I don't think that there is anything I can do to speed this up but I might be wrong.

Suggestions (if any)?

My ng-repeat is

<tr ng-repeat='gb in hofData.gameballs'>

    <td style='width:10px;'>{{gb.total}}</td>

    <td>

        <div>{{gb.name}}</div>

        <div class='progress progress-info'>

            <div class='bar' style='width:{{gb.percent}}%;'></div>

        </div>

    </td>

</tr>

The contents of this message may contain confidential or privileged information and is intended solely for the recipient(s). Use or distribution to and by any other party is not authorized. If you are not the intended recipient, copying, distribution or use of the contents of this information is prohibited.

On Tue, Jul 3, 2012 at 8:27 AM, Andy Joslin <andyt...@gmail.com> wrote:

This is cool! :-)

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/VsdEIklZhMgJ.

[Peter Bacon Darwin]

This is simply stunning.  I don't know which is more awesome - Angular JS itself or this tool.

No longer will we have to juggle scopes in our heads to work out whether items are being updated in the correct context.

This brings Angular even closer to being a general enhancement to browers and html.

Great work!

Pete

On 3 July 2012 15:42, Jakub Arnold <dart...@gmail.com> wrote:

So awesome, I wish other frameworks had this too.

On Tuesday, July 3, 2012 12:34:23 AM UTC+2, Brian Ford wrote:

Today we're releasing the AngularJS Batrang: a chrome extension to help debug Angular apps. Check out the blog post for more info, and please let us know what you think!

--

You received this message because you are subscribed to the Google Groups "AngularJS" group.

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/USJ-hxurWPwJ.

[Fletcher]

Thanks so much for making this!

[Josh Kurz]

+2 :)

Josh Kurz 

On Jul 2, 2012, at 6:34 PM, Brian Ford <brian....@gmail.com> wrote:

Today we're releasing the AngularJS Batrang: a chrome extension to help debug Angular apps. Check out the blog post for more info, and please let us know what you think!

--

You received this message because you are subscribed to the Google Groups "AngularJS" group.

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/ds8so6tMEhgJ.

[Renan T. Fernandes]

I've installed it on chrome 20.0.1132.47 on ubuntu linux and runs perfect, you just need to enable the experimental api on chrome://flags/

2012/7/4 Daine <daine.t...@gmail.com>

Looks awesome! Is there a way to install this on Linux? I use Chrome on Fedora and there's no Chrome Canary for Linux. I've followed to instructions though, ignoring the fact that it only works on Canary, and it won't install at all.

On Monday, July 2, 2012 3:34:23 PM UTC-7, Brian Ford wrote:

Today we're releasing the AngularJS Batrang: a chrome extension to help debug Angular apps. Check out the blog post for more info, and please let us know what you think!

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/-Xl4l7YarhIJ.

To post to this group, send email to ang...@googlegroups.com.
To unsubscribe from this group, send email to angular+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/angular?hl=en.

--
Renan Fernandes(aka "ShadowBelmolve")

[Daine Rose Pacariem-Trinidad]

Thanks Renan, I did that but the change wasn't reflected immediately. I restarted Chrome (well, my computer as I had some updates as well) and that seemed to install it fine.

[Renan T. Fernandes]

strange, with me I haven't ever reload the opened tabs, I just need to open the web inspector :/

2012/7/4 Daine Rose Pacariem-Trinidad <daine.t...@gmail.com>

[Pawel Kozlowski]

Hi Brian!

On Tue, Jul 3, 2012 at 12:34 AM, Brian Ford <brian....@gmail.com> wrote:
> Today we're releasing the AngularJS Batrang: a chrome extension to help
> debug Angular apps. Check out the blog post for more info, and please let us
> know what you think!

Just installed and tried it out: it is simply awesome! I got no words
to describe how useful it is. Myself I was thinking about a simple
extension showing scopes but the extension goes well beyond it! The
perf tab absolutely rocks!

Thank you for all this hard work on this superb extension!

Cheers,
Pawel

[bf...@google.com]

Thanks for all the positive feedback guys! Glad you like it :)

I've updated the installation instructions. Hopefully that helps anyone still having trouble.

[rlba...@gmail.com]

Hey this is sweet! Instructions worked perfectly :) Now to see it do its stuff...

[Igor Minar]

I think that this is doable. Please file an issue on github: 

https://github.com/angular/angularjs-batarang/issues

/i

On Mon, Jul 2, 2012 at 8:02 PM, ItsLeeOwen <l...@coderebelbase.com> wrote:

If possible it would be neat if the Scope's could identify the classname of their controller  :)

Scope ( 001 | MyCtrl )

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/R1XFrUAyvDoJ.

[Igor Minar]

On Tue, Jul 3, 2012 at 6:14 AM, Nikolaos Dimopoulos <ni...@niden.net> wrote:

Great job! This undoubtedly is a great tool that can help and speed development and debugging!

I have installed the extension and started playing with the performance tools. My application does a simple ajax call to the backend and receives a json array which ng-repeat shows on screen.

The performance tab (watch expressions) reported that the 'slowest' call in my app is:

function (a){var e,f,h=a.$eval(i),m=fc(h,!0),p,u=new db,A,y,v,s,z=c;if(K(h))v=h||[];else{v=[];for(A in h)h.hasOwnProperty(A)&&A.charAt(0)!= | 85.7% | 436ms

first of all, please don't use angular.min.js during development. we actually plan to strip code useful only durring development (e.g. error messages)  from the min build to save bytes, so when you develop with min build, you'll see even more gibberish that you do today.

see: https://github.com/angular/angular.js/issues/1041

secondly, we need to name all anonymous watch functions in angular.js so that you get better output in batarang's perf tab. this is on our todo list.

see: https://github.com/angular/angular.js/issues/1119

/i  

[Carsten Senger]

Am 07.07.2012 09:42, schrieb Kranklin:
> How did you get version 20 installed? It looks like only version 18 is
> available on linux.

You can install the beta or dev channel. The dev channel currently ships
21.0.x. IIRC both use the same profiles like the stable releases. Unlike
the canary builds for windows and mac which use seperate profiles and
can be installed in parallel.

http://www.chromium.org/getting-involved/dev-channel/


..Carsten

>
> On Wednesday, July 4, 2012 1:46:09 PM UTC-5, Renan T. Fernandes wrote:
>
> I've installed it on chrome 20.0.1132.47 on ubuntu linux and runs
> perfect, you just need to enable the experimental api on chrome://flags/
>
> 2012/7/4 Daine <daine.t...@gmail.com

> <mailto:daine.t...@gmail.com>>

>
> Looks awesome! Is there a way to install this on Linux? I use
> Chrome on Fedora and there's no Chrome Canary for Linux. I've
> followed to instructions though, ignoring the fact that it only
> works on Canary, and it won't install at all.
>
>
> On Monday, July 2, 2012 3:34:23 PM UTC-7, Brian Ford wrote:
>
> Today we're releasing the AngularJS Batrang: a chrome
> extension to help debug Angular apps. Check out the blog
> post for more info

> <http://blog.angularjs.org/2012/07/introducing-angularjs-batarang.html>,

> and please let us know what you think!
>
> --
> You received this message because you are subscribed to the
> Google Groups "AngularJS" group.
> To view this discussion on the web visit
> https://groups.google.com/d/msg/angular/-/-Xl4l7YarhIJ

> <https://groups.google.com/d/msg/angular/-/-Xl4l7YarhIJ>.

>
> To post to this group, send email to ang...@googlegroups.com

> <mailto:ang...@googlegroups.com>.

> To unsubscribe from this group, send email to
> angular+u...@googlegroups.com

> <mailto:angular%2Bunsu...@googlegroups.com>.

> For more options, visit this group at
> http://groups.google.com/group/angular?hl=en

> <http://groups.google.com/group/angular?hl=en>.

>
>
>
>
> --
> Renan Fernandes(aka "ShadowBelmolve")
>

> --
> You received this message because you are subscribed to the Google
> Groups "AngularJS" group.
> To view this discussion on the web visit

> https://groups.google.com/d/msg/angular/-/5z7LvQXLhcoJ.

> To post to this group, send email to ang...@googlegroups.com.
> To unsubscribe from this group, send email to
> angular+u...@googlegroups.com.
> For more options, visit this group at
> http://groups.google.com/group/angular?hl=en.

--

Carsten Senger - Schumannstr. 38 - 65193 Wiesbaden
sen...@rehfisch.de - (0611) 5324176
PGP: gpg --recv-keys --keyserver hkp://subkeys.pgp.net 0xE374C75A

[Paul Hammant]

Brian, you're images disappeared.

Github devs told me in email that they don't like people referring to image files from the repo/src tree, when adding art to the likes of READMEs.

- Paul

On Mon, Jul 2, 2012 at 3:34 PM, Brian Ford <brian....@gmail.com> wrote:

Today we're releasing the AngularJS Batrang: a chrome extension to help debug Angular apps. Check out the blog post for more info, and please let us know what you think!

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/ds8so6tMEhgJ.