Category Archives: plunker

Home / JavaScript / plunker
20 Posts

angular_small

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.

More Link

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.

More Link

angular_small

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.

More Link

angular_small

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.

More Link

angular_small

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.

More Link

As of late, I’ve really been getting more and more into Angular2. 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.

More Link

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.

More Link

The Angular2 team has done a good job with their newish Bootstrap Angular2 components. I’ve been playing with them for a while.

More Link