Angular Posts

|

Preparing for Angular 2

It’s official – Angular 2.0.0 was just released. If you have been putting off learning Angular 2 until it was finalized, that’s OK, but now is the time to get ready and to dive into it. In this post I will give you five steps that you can take to prepare for Angular 2:

  1. Use TypeScript
  2. Use @types Declaration Files
  3. Use Modules
  4. Use controllerAs
  5. Use Angular 1.5

Continue Reading »

|

Drag-and-Drop Sortable with AngularJS and angular-ui-sortable

Setting up a drag-and-drop sortable list when using AngularJS is not a feature that comes packaged in the framework out of the box. To do this we will need to use one of the directives of AngularUI, a companion suite to the AngularJS framework. The component we will use is the angular-ui-sortable which is the jQuery UI sortable feature for Angular.

For this tutorial we will use the following libraries:

  • Bootstrap 3.x
  • AngularJS 1.5.x +
  • AngularUI Sortable
  • jQuery UI (required by AngularUI Sortable)

Continue Reading »

|

Searchable Bootstrap Accordion Using Angular

The Bootstrap collapse plugin enables some nice functionality, including the ability to create an accordion. In this quick tutorial I want to show you how you can create a way to filter, or search, the data in the accordion. I will be using Angular 1.5 and Bootstrap 3, as well as TypeScript. I will also be using a remote JSON file to create the accordion using the Angular UI Bootstrap directive: uib-accordion. Let’s get started!

Continue Reading »