Profile cover photo
Profile photo
Brandon R
A brief description about me.
A brief description about me.

Brandon's posts

Post has attachment
AngularJS tip to make everyone's life easier: When transitioning between view states, particularly when using directives/components, pass only what the target needs to look the rest of the information up itself. This makes it much easier to clearly define what each piece does and minimize bugs or inconsistences.

I believe it also tends to lead to simpler code, and brings seemingly natural balance to the AngularJS platform as a whole. You simply consume components or directives like a service, with the touch points (so to speak) are in markup and very easily consumed or (re)used.

Post has attachment

Post has attachment

Post has attachment
AngularJS Animation question:
I've figured out how to get the animation working. I have some content in a div and the animation class on the div with an ng-show. The div shows and hides fine, but the contents appear before the animations is complete. Any ideas why? Here's the plunk:

Post has attachment
My question is actually two fold. What I am trying to do is create a framework to dynamically load states in a hierarchical fashion and add them to the state (ui-router) and generate a menu. Each closure in the app.js file represents a new file. These files are loaded in dependent order by Cassette ( a bundling and minification lib). 

First off here the plunk: This works in a browser but not in the plunk for some reason, not sure why. if somebody could help me figure that out first that would be peachy! :-)

My actual question is concerning angular-animate. If you'll noticed in the gallery.html file there is a div with the animate class. There is also a corresponding css class (line 232). What I would like to happen is for the div to scroll into view when the template is loaded. But I just don't understand how to go about doing that.

Thank you in advance for your help, as always, very much appreciated!

Please help... so  my general feeling about github right now is one of pure and absolute hatred. I will be honest, I am a C# developer, working with Visual Studio 2013. I use TFS at work but I thought I would give GIT a chance for some personal work. Now before you jump on the bandwagon and start bashing my choice of platform, please keep in mind I work for a MS consultancy and the whole point of this was to learn how to possibly integrate GIT with my existing tools for work. Although, I suspect this issue would be a problem whether I was using linux/mac or windows tools. Anyhow, I have the utmost appreciation for any help I might find here.

First let me just say that I have no idea how I got to the point I am at now. I had been using the git extensions for visual studio, which for the most part was working fine. I modify commit and sync changes from two separate computers. Then all of the sudden I go to sync my commit from the desktop and I start getting errors. Long story short, I downloaded smartgit, and Im looking at the log, and I have one old commit that goes off to the side that says origin master but I have two newer commits when I click on 'Lost Heads'. It is the newest one that I want, as is, overwriting any other changes. I can do a pull from that branch, but I cant rebase it or anything without errors. Im really not sure what to do now.

I almost wanted to just ditch GIT entirely when it reverted all my code to the origin master which discarded the 8 hours of work I had just put in. I cant see the lost heads in either Github client, or in the VS extensions, I do see them in the console, but I have no idea how to get it back in sync.

In any case, please help me renew my faith in this tool as right now... utter disdain! lol

Post has attachment
Hey people... So Im playing around with routes in AngularJS, and I've got it working on my machine. I have a fiddle up here: (although it is not working on there and I dont know why but that is not my question). My question is, why do I have to put the #/ in front of the links to make it work? If you look at the example here:$route it doesnt seem to require the # but I am not really seeing what I am doing differently that is causing that behavior. Any ideas?

Post has attachment
I still use Pandora, in fact I prefer it for just listening when I don't really care to interact with the program. Like listening from my phone while working. Spotify is cool when I want to listen to something specific but doesn't do a very good job of helping to just find similar tunes when I don't want to go searching for them.

Why do I get all these weird ass Anime characters with Japanese names in my "You may know" box all the time?

Hey Angular peeps... I am not totally new to Angular, although I have never actually completed an Angular project as of yet. I am however, quite familiar with jQuery and that way of doing things. So for a particular project I set out to create a metro style UI. I had started initially using jQuery and isotope. Which got off to a decent start, but I really wanted this site to be in Angular. I created the main plumbing for the site, wrote a service to feed images, controllers, etc. I had it just populating div's on the page without isotope at first, and everything was working well.

Then came time to integrate isotope. My initial thought was to write a directive around isotope, but I ran into issues with that. And to be honest, it just didn't seem like the AngularJS "way", and I didn't really want to deal with all of the other complexities and magical black boxy-ness of isotope when I was only using  small subset of that functionality. Writing directives around jquery plugins to just seems dirty to me.

 I dont need all the fancy automatic re-arragement, or support for multiple tiling options. I just want to have ordered tiles on the screen. The column height,width, and arrangement of the tiles will all be assigned in code before it is displayed. All of the dimensions will be consistent so the tile all light up, it really doesn't seem to me all that complicated. I thought about creating an two dimensional array in memory, and then each tile would define an x,y coordinate in the array and a width and height span. When loading photos for the tiles, it would look at meta data on the photo and determine how to display it based on certain criteria (high res, marked favorite, panorama, etc. It would then just fill out out all the tiles by priority until the array was full, basically filling any left over tiles with single tile photos. This seemed do-able, but a bit over complicated , and I really don't think I have a strong enough grasp of writing directives for this path to become clear to me.

So anyhow, my question for you all is simply; Is there a better way to do this? I am not looking for somebody to code this up for me or anything I am just trying to get a little direction. This is really just a brain storming of sorts. If possible, it would be awesome if anybody could help find any samples of doing something similar so I can get a better idea of how to effectively go about it. I have some ideas about how I could do this in just jQuery and pure JS, but the light is just not coming on, so to speak, when I think about how I would do this in AngularJS.

Any and all suggestions, assistance, links, etc. would be GREATLY appreciated! Thanks everybody! And happy coding! :D
Wait while more posts are being loaded