Category Archives: angular

Home / JavaScript / angular
67 Posts

The latest tooling in Visual Studio 2017 for .NET Core is pretty good. However, it seemed like built-in templates are a bit lacking. Fortunately, the dotnet sdk, and subsequently the CLI, have libraries available for various Single Page Application framework quick starts.

More Link

A fellow developer asked me how filter Pipes could be used for filtering based on checkboxes. Using the existing code samples I’ve created, I endeavored to put together a little demo of how this can be achieved.

More Link

After finishing up a component to filter data, generically, client-side paging seems like the next logical step to implement.

More Link

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