angularjs - Justin Noel

E2E Testing Angular Apps with Cypress.io

UPDATE : Gleb Bahmutov, from the Cypress team, was kind enough to put together a blog post explaining how to solve my issue. I have to admit that I've rarely done unit testing or end to end testing with any of the Ionic framework apps

angularjs

Preloading Images in AngularJS

I've been working on a prototyping tool using Ionic Framework that displays images. These images are app mockups that look exactly like the designer developed them. I associate "hotspots" to each image so that the user can tap a "button"

angularjs

Overriding a Directive in AngularJS

Recently, a bug was introduced into the Ionic Framework menu-close directive. It's an easy bug to overlook because the user has to do something unintuitive to encounter it. Here's a working example of the issue. The app loads on the Attendees List. If you

ionicframework

Validation in Ionic Framework Apps with ngMessages

CREDIT : FYI: The general styling of the error messages are adapted from a sample provided by Malixsys on the Ionic Framework forum. I've whined many times about the form validation issues with AngularJS. I finally settled on my own version of dealing with this

angularjs

Debugging Directives That Don't Load

Scenario : You come back to an AngularJS project after a few days. A major section of your app is no longer working. It was working great before. You realize that one of your directives is completely not loading. Throw a few logging functions in

ionicframework

Maps App Using Ionic Framework and Leaflet.js

At a recent AngularJS DFW Meetup, I gave a demonstration of using Ionic Framework and Firebase to create a race tracking demo. Several people asked for the code I used. I haven't gotten around to tidying it up and making it presentable for the

angularjs

Angular ngInclude Gotcha

I killed more time than I care to admit with an ngInclude problem with AngularJS. ngInclude should be pretty simple, but I was making it hard. When including, you have to tell where the code is to include. I was doing it like this:

ionicframework

Looking for Work

Hello! Thanks for visiting my site. As you know, I'm the developer of Kids In Touch. While working on improving the app and becoming the next breakout texting app ;-), I need a job. I'm looking for short or long term gigs developing mobile

angularjs

Solving AngularJS ngSubmit Problems

Maybe this will save the rest of you some headaches in the future. While working on my app, I could not get Angular's ng-submit to work in an Ionic Framework app. I hate to admit I spent an hour trying to solve this problem.

angularjs

Use $loaded With Firebase and AngularFire

A few times now, I've run into issues with my app while using Firebase / AngularFire. The documentation in the guide, shows samples like this: var sync = $firebase(ref); // create a synchronized object, all server changes are downloaded in realtime var profileObject = sync.$asObject(); With

angularjs

AngularJS Form Names Conflict with Scope Methods

I discovered a strange little problem today. When working with forms in Angular, the form name cannot be the same as the name of a method on the scope. Example: <form name="changePassword" ng-submit="changePassword()"> <input type=

ionicframework

User Authentication with Ionic and Firebase

I'm rewriting Kids In Touch right now with Firebase as the backend. I'm really pleased with how things are going. Developing with Firebase is so much easier than dealing with my old REST API. Today, I was dealing with logging users into the app.

angularjs

Cordova Contacts Plugin with Ionic Framework

A few days ago, Raymond Camden posted an article about using the pickContact feature in the updated Cordova contacts plugin. I dabbled with it but ran into some problems. Unfortunately, those problems were my own. Today, I've finally gotten around to trying this out

ionicframework

Responsive Columns in an Ionic List

Today, Gerred Dillon posted an excellent article on the built-in Grid system in the Ionic Framework. This prompted me to post about a solution I had to come up with recently for a completely unknown list of fields. Shameless Plug : Kids In Touch -

ionicframework

ui-router Goes Boom

For many months, I've been using the Angular UI project's ui-router in Ionic Framework apps. Ui-router is a complex beast that I barely have my head around. I can't count the number of times I've tried to go to a new state and nothing

angularjs

AngularJS Directives Naming Pitfalls

I've spent the last 20 minutes trying to figure out why my AngularJS directive was not working. Here's a sample of the directive: .directive("dataFolderItem", [ function() { return { "restrict" : "E", "replace" : true, "template" : "<

ionicframework

Custom URLs in Ionic / Cordova Apps

UPDATE : Another Ionic developer has a more elegant solution to this problem on the forum. Last week, someone on the Ionic Framework forum asked about integrating custom URL's in an Ionic app using Cordova's Custom URL Handling Scheme. I dug into it a bit

ionicframework

UX Testing A Mobile App

I "finished" the Kids In Touch app over the weekend and did some UX testing with 6 family members that had never seen it. This was not a fun process. The testers found so many problems and had trouble with so many

ionicframework

Kids In Touch Filtering Friends

The Kids In Touch app is coming along nicely right now. Creating a near native experience has been quite a struggle. Fortunately, almost all of the heavy lifting is done for me by the Ionic Framework and AngularJS. When a user wants to send

ionicframework

Pull To Refresh Using Ionic Framework

While working on Kids In Touch today, I needed to implement "pull to refresh" on a user's friends list. I had been putting it off because I thought it'd be a bit of a nightmare. After reviewing the Ionic Framework documentation, I

ionicframework

Use Cards In Ionic For Mobile Form Goodness

After reading, please checkout the upcoming app, Kids In Touch. Have you ever tried to fill out an even slightly detailed form on a mobile device? It sucks, right? It becomes even worse when you have to start scrolling down to reach each portion