https://hugo.curtiscode.dev/tags/angularjs/Recent content in angularjs on Curtis TimsonHugo -- gohugo.ioen-GBFri, 17 Nov 2017 18:00:00 +0000https://hugo.curtiscode.dev/post/angularjs/angularjs-jest-unit-testing/Fri, 17 Nov 2017 18:00:00 +0000https://hugo.curtiscode.dev/post/angularjs/angularjs-jest-unit-testing/Jest, a unit testing framework by Facebook, is commonly associated with the React JS library. However Jest is not specifically for React, and can be used to test any javascript code you wish. Recently I’ve been using Jest with AngularJs 1.6 and have put together the following step-by-step guide on how to get setup. This guide includes: Installing Angular Mocks and Jest CLI Creating an AngularJs Service Create Jest unit test file Running Jest tests with failed example Correcting service and running successful Jest tests Checking code coverage of tests TL;DR - Full Working Example on GitHub Install Angular Mocks and Jest CLI To use Jest with AngularJs you will require the Angular Mocks and Jest CLI packages, which can be installed using npm:https://hugo.curtiscode.dev/post/angularjs/filtering-arrays-in-angularjs/Wed, 24 Jun 2015 00:00:00 +0000https://hugo.curtiscode.dev/post/angularjs/filtering-arrays-in-angularjs/Previously I wrote an articleon how to display data from a simple javascript array using AngularJS. Following on from that this next article will show you how to filter that same array by particular properties. In the previous article I used the following HTML markup with AngularJS to loop through an array of users to display their Name and Location: <div ng-app="myApp" ng-controller="myController"> <ul> <li ng-repeat="user in users">{{user.Name}} | {{user.https://hugo.curtiscode.dev/post/angularjs/setting-up-a-simple-angularjs-app-to-display-an-array/Tue, 02 Jun 2015 00:00:00 +0000https://hugo.curtiscode.dev/post/angularjs/setting-up-a-simple-angularjs-app-to-display-an-array/AngularJS is a powerful Single-Page-Application javascript framework created by Google. The following is a simple tutorial on how to set up an AngularJS application to display a javascript array of user information. First of all we’ll start by creating our javascript array. The following is an array of user information containing details of Name, Gender and Location. var userData = [ { Name: "John Smith", Gender: "M", Location: "Wales" }, { Name: "Sally Smith", Gender: "F", Location: "USA" }, { Name: "Curtis Timson", Gender: "M", Location: "England" }, { Name: "Sam Wallace", Gender: "M", Location: "England" }, { Name: "Caroline James", Gender: "F", Location: "Scotland" } ]; Next we’ll set up the HTML application container required: