Category Archives: angular

Home / JavaScript / angular
77 Posts

Long ago, I blogged about integrated SignalR with AngularJS. An interesting behavior that I didn’t touch on was limiting messages being sent to specific clients. This is pretty easy to accomplish.

More Link

In one of my previous posts, I touched on how to build a filtered list using Angular pipes. As I’m adding more features to the table component that I’m working, I spent a little time modifying the pipe to be able to performing combinatory filtering.

More Link

One of the features that I had not implemented in my newer Angular component is sorting. Today I decided to go ahead and tackle this feature. Since the latest version of Angular is out, I’ve decided to simply refer to it as Angular. AngularJS will be used to refer to the older v1.x.

More Link

It appears that over the past few days that Angular 4.x (RTM) was released.

Interestingly, I was digging around to see if there is anything needed to edit in order to target the newer versions and found that my plunks that were targeting 2.x automagically work with and target 4.x.

One way to see this is to view the source of and you can note the version in the “ng-version” attribute that gets injected into your mark-up.

For my plunks, I immediately saw this attribute on the primary “app” component that is bootstrapped, for example:

ng-version="4.0.0"

It’s good to know that my prior plunks work as-is without modifications!

The release notes can be found here: https://angular.io/docs/ts/latest/

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

There have been times when I wanted a really simple file upload mechanism in my Angular 1.x apps. HTML standards provide a simple input button for file uploads. Not only is this typically not easy to style, like making it appear to be a Bootstrap button, it doesn’t lend itself to a stateful JavaScript framework like Angular. However, it’s possible to achieve the desired result with an Angular directive that wraps the standard HTML mechanism.

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

Long, long ago, I blogged about Angular 1.x Request Interceptors and how they can be used to display a loading indicator. I really liked that mechanism. You could intercept any request whether you made it or it was made by the framework. Fast-forward to today, and things are significantly different with Angular2.

More Link