A while back, I needed a simple way to create a table with parent/child details in Angular. ng-repeat has some handy little known features to make creating this type of table easy.
Creating a parent/child table in Angular
posted on October 3, 2016 by long2know in angular, plunker
Grouping data with Angular
posted on October 3, 2016 by long2know in angular, plunker
Earlier today a colleague asked me how one would go about grouping data within an ng-repeat. I had never actually had to do this before, which made it an interesting problem to solve.
AngularJS reusable table directive updated
posted on June 30, 2016 by long2know in angular
Since writing my previous blog post on an Angular reusable table directive, this directive has been updated quite a bit.
The github source and demos reflect the latest code, but I want to detail some of the major changes.
AngularJS multiselect dropdown (updated)
posted on May 26, 2016 by long2know in angularjs, codepen, JavaScript, plunker
I was playing around with my trusty multi-select dropdown earlier today and a colleague of mine pointed out that changing the selected items outside of the directive would not actually deselect previously selected items. This was a curious bug since I knew I had a watcher on the ngModel selections.
Angular Tabbed Navigation
posted on January 19, 2016 by long2know in angular, codepen, plunker
In my previous posts regarding advanced Angular navigation, I showed how to create a menu and use the $state provider(s) to track the current state, which menu option is active, and how to move between states using ui-sref. This particular demo used an in-line service called “menuService.”
This is a pretty solid mechanism for navigation, but I wanted to also take a look at doing something similar with the same navigationService, ui-router, and ui-bootstrap tabs.
AngularJS reusable table directive
posted on September 3, 2015 by long2know in angularjs, codepen, JavaScript, plunker, Web
Writing web-based line of business applications entails creating a lot of views with tables.
There are many jQuery table plugins and Angular directives for rendering tables, but I created my own for, primarily, read only tables.
Angular Toast Notification Service
posted on August 24, 2015 by long2know in angular, codepen, jQuery, plunker
I’ve been using the jQuery plug-in “toastr” for quite some time as a basic growl/notification system. As a basic service, it’s dead simple to wire up. If you don’t know what this plug-in does, check out the demo of it.
But, I found that I needed more interactivity than basic hide/show messaging scenarios. I needed to be able to render full templates inside of the toast messages to allow for interactivity bound to DOM events.
Angular Property State Watcher and Setter Directive
posted on August 17, 2015 by long2know in angular, codepen, JavaScript, plunker
Ok, I couldn’t think of a good title for this post. But, I found this concept to be pretty interesting.
Basically, I wanted a directive that would allow me to watch AND set a property as if it were a state changing bool. This needs a bit more explaining, I’m sure.