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 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 Progress Bar
posted on March 24, 2016 by long2know in angular, codepen, JavaScript, plunker
Earlier this week, I needed a way to make users wait for a certain amount of time after performing an action on a web application. The Angular UI progress bar seemed like a fitting method to let the user know their wait time.
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.
Integrating client and server side validation (Part 2)
posted on December 17, 2015 by long2know in angular, codepen, JavaScript, node, plunker, Web
Continuing the discussion of integrating server-side validation with client-side validation, let’s check out a demo of this in action.
All of the Angular code for this demo has been moved to my general demo Github repository.
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.
Advanced Angular Navigation with ui-router
posted on March 30, 2015 by long2know in angular, codepen, JavaScript, jsfiddle, plunker, Web
If you’ll recall my previous post on building a simple menu navigation system with Angular, I alluded to advanced scenarios such as determining when, or if, a user can navigate away from the current state.
There are many ways to prevent a user from changing state, but providing reusable mechanisms/services to achieve a unified solution should be our goal.