Category Archives: AngularJS

Angular Breadcrumbs

Breadcrumbs in Angular

Click Here for TL;DR

Breadcrumbs are a trail of history of your navigation through something. In our example, a single page web app. I have started creating a breadcrumb module anyone can use in there angular application. It is still a work in progress so feel free to tear it apart with criticism! I’d love to hear everyones thoughts and make it better.

This module is for Angular applications that use uiRouter. A version for ngRoute is coming soon!

You can find the Git Repo Here.
Continue reading

Ionic and UI Router

Building iOS App with Ionic – Part 2 (Nested States)

Click Here for TL;DR

Part 2 of this series were going to talk about nested states. Specifically states nested deeper than two levels.

UI Router

Ionic uses Ui Router to handle all of it’s routing and state change.  Ionic uses many  directive throughout it’s framework to add functionality or mimic functionality of angular directives.  Ionic uses ion-nav-view to replace UI Routers ui-view and add additional functionality. From their site:

The ion-nav-view is our container. Ionic’s router will look for this directive throughout our code to insert templates. ion-nav-view supports inheritance, named views, and other features that we will discuss in depth throughout this series.

Note: If you’re familiar with angular-ui-router, ion-nav-view is equivalent to ui-view. On top of that, ion-nav-view provides for animations, history, and more.

Continue reading

Geolocation and Ionic

Building iOS App with Ionic – Part 1 (Geolocation)

Click Here for TL;DR

I am just about finished building my first *complete* mobile application with the Ionic Framework.  There were several things I got hung up on and found useful solutions too after doing some research.  Some of the answers were on the Ionic website while some were buried on the web.  The first post will be in regards to geolocation.

Geolocation:

Continue reading

Lazy Load with RequireJS and AngularJS

Lazy Load Angular Components with RequireJS

Lazy Loading in Angular and Integrating AMDs

Click Here for TL;DR

Angular’s Dependency Injection

Dependency injection (DI) as defined by Angular… DI in Angular allows you to use modules, services, controllers, directives, and filters that can depend on one another to operate.

By $injecting these dependencies into each other they can reference each others public APIs and operate accordingly.  This concept of DI loads all files upfront so that they are available for use whenever necessary (which may be never for certain use cases).

Require JS

From RequireJS site: “RequireJS is a JavaScript file and module loader. ” RequireJS has two main functionalities. Continue reading