posted on March 16, 2017 by long2know in angular, plunker
In my last post regarding an Angular2 Multiselect dropdown, I showed how to integrate form validation. One of the last UI interaction pieces is handling clicks outside of the component. This is necessary to close the dropdown when, for example, a user clicks the document body.
posted on March 4, 2017 by long2know in angular, JavaScript, plunker
It’s funny how the simplest things crop up that I’ve not had to develop previously. One such thing is a calendar picker that lets a user select a date range. Typically, I would handle this as two separate data selectors, but using a single calendar seemed like a better experience in this particular case.
posted on February 1, 2017 by long2know in angular, plunker
I said it before, but I’ll say it again. Writing web-based line of business applications entails creating a lot of views with tables. I wrote a (imho) a pretty nice table directive for Angular 1.x, and now it’s time to move that directive, in concept, to an Angular2 component.
posted on January 31, 2017 by long2know in angular, plunker
While I’m in the process of converting my Angular 1.x directives into Angular2 components, the tri-state checkbox reared its head. This is a pretty common mechanism and is something I needed to have working before moving along to converting other components.
posted on January 10, 2017 by long2know in angular, plunker
It’s been a while, but I had some time today to work a bit more on my Angular2 multiselect implementation. The next aspect that I wanted to implement is validation.
posted on November 22, 2016 by long2know in angular, plunker
Yesterday I started working on a conversion of my Angular 1.x multiselect dropdown to Angular 2.x In a short amount of time, I think I’ve made pretty good progress. It’s not complete, but I was happy to be able to quickly get something comparable to my Angular 1.x directive.
posted on November 21, 2016 by long2know in angular, plunker
As of late, I’ve really been getting more and more into Angular. For me, the important aspects are learning how to do what I’ve done with v1.x in the newer framework. This involves a great deal of understanding of the difference between v1.x and v2.x. Since one of my most popular Angular 1.x directives is the Multiselect Dropdown w/ Checkboxes, I decided to tackle converting it in incremental steps. From the top, the first piece of significant functionality is filtering the list of items.
EDIT: Be sure to check out my newer article on Angular Pipes.
posted on November 21, 2016 by long2know in angular, JavaScript, plunker
In my previous post, I put together a little demo showing how to detect if capslock is depressed and how to warn the user. To make this a bit more useful and reusable, I rolled it into an Angular 1.x directive.
posted on November 16, 2016 by long2know in JavaScript, jQuery, plunker
Letting a user know that CapsLock is set can be a UI nicety. I needed this feature earlier today so I put together a demo.
posted on November 1, 2016 by long2know in angular, plunker
The Angular2 team has done a good job with their newish Bootstrap Angular2 components. I’ve been playing with them for a while.
