AngularJS Services for REST: Hiding the Ajax Requests

Using the $http service to consume a RESTful API is easy, and it provides a nice demonstration of how different AngularJS features can be combined to create applications. In terms of features, it works just fine, but there are serious problems when it comes to the design of the application that it produces. The problem [ [ ...]

Why and When to Use the View Services

The services I describe in this chapter are useful for simplifying complex applications by allowing multiple components to control the content that the user sees. You won’t need these services in small or simple applications. Source: Freeman Adam (2014), Pro AngularJS (Expert’s Voice in Web Development), Apress; 1st ed. [ ...]

AngularJS Services for Views: Preparing the Example Project

For this chapter, I am going to continue to work with the example I created in Chapter 21 to demonstrate the different ways in which AngularJS applications can consume RESTful APIs. In the previous chapter, the focus was on managing the Ajax for the RESTful data, so you may not have noticed a rather nasty [ [ ...]

AngularJS Services for Views: Using URL Routing

AngularJS supports a feature called URL routing, which uses the value returned by the $location.path method to load and display view files without the need for nasty literal values embedded throughout the markup and code in an application. In the sections that follow, I’ll show you how to install and use the $route service, which [ [ ...]

AngularJS Services for Views: Using Route Parameters

The URLs I used to define the routes in the previous section were fixed or static, meaning that the value passed to the $location.path method or set in an a element’s href attribute has to exactly match the value I used with the $routeProvider.when method. As a reminder, here is one of the routes that [ [ ...]

AngularJS Services for Views: Configuring Routes

The routes I have defined so far in this chapter have defined only the templateUrl configuration property, which specifies the URL of the view file that the route will display. This is only one of the configuration options available. I have listed the full set in Table 22-5, and I describe the two most important, [ [ ...]

AngularJS Services for Animation and Touch: Preparing the Example Project

For this chapter, I am going to continue working on the example from Chapter 22. This application obtains its data from using the RESTful API provided by the Deployd server. The services that I describe in this data are not limited—or even related—to RESTful data or Ajax requests, but the application provides a convenient base [ [ ...]

AngularJS Services for Animating Elements

The $animate service allows you to provide transition effects when elements are added, removed, or moved in the DOM. The $animate service doesn’t define any animations itself but relies on the CSS3 animation and transition features. The details of CSS3 animations and transitions are beyond the scope of this book, but I provide a full [ [ ...]

AngularJS Services for Supporting Touch Events

The ngTouch module contains the $swipe service, which is used to improve support for touchscreen devices beyond the basic events I described in Chapter 11. The events in ngTouch module provide notification of swipe gestures and a replacement for the ng-click directive, which addresses a common event problem on touch-enabled devices. 1. Why and When [ [ ...]

Why and When to Use the Provision and Injection Services

These are services that you don’t need to use directly because the functionality that they provide is exposed through the Module methods (described in Chapter 18) or used by AngularJS behind the scenes. I have described these chapters because knowing how they work helps you understand more about AngularJS and can be useful in unit [ [ ...]

AngularJS Services for Provision and Injection: Preparing the Example Project

For this chapter, I have reset the contents of the angularjs folder and reinstalled the files for the core AngularJS library and Bootstrap, as described in Chapter 1. Source: Freeman Adam (2014), Pro AngularJS (Expert’s Voice in Web Development), Apress; 1st ed. [ ...]

AngularJS Services for Registering AngularJS Components

The $provide service is used to register components such as services so that they can be injected in order to satisfy dependencies (the $injector service does the actual injection, as I describe in the “Managing Injection” section later in this chapter). For the most part, the methods defined by the $provide service are exposed and [ [ ...]

AngularJS Services for Managing Injection

The $injector service is responsible for determining the dependencies that a function declares and resolving those dependencies. Table 24-3 lists the methods supported by the $injector service. The $injector service is right at the core of the AngularJS library, and there is rarely a need to work directly with it, but it can be useful [ [ ...]

Why and When to Unit Testing

Unit testing is the technique of isolating a single small piece of functionality and testing it independently of the rest of the application and AngularJS. Carefully applied, unit testing can reduce the number of software defects that show up later in the development process, especially those that the user encounters when the application is deployed. [ [ ...]

Unit Testing with AngularJS: Preparing the Example Project

For this chapter, I removed the contents of the angularjs folder and reinstalled the AngularJS and Bootstrap files as described in Chapter 1. 1. Installing the ngMocks Module AngularJS provides an optional module called ngMock, which provides useful tools for unit testing. Go to http://angularjs.org, click Download, select the version you require, and click the [ [ ...]

Unit Testing with AngularJS: Working with Karma and Jasmine

To make sure that the test configuration is working, I am going to create a simple unit test that doesn’t use AngularJS at all. This will let me ensure that Karma and Jasmine are up and running as expected before I introduce the testing facilities that the ngMocks module provides. You can put your test [ [ ...]

Unit Testing with AngularJS: Understanding the Mock Objects

Mocking is the process of creating objects that replace the key components in an application to allow effective unit testing. Imagine that you need to test a controller behavior that makes an Ajax request using the $http service. The behavior depends on a number other components and systems: the AngularJS module to which the controller [ [ ...]

Unit Testing with AngularJS: Testing a Controller

I am going to start by showing you how to test a controllerwhich is simple to do and lets me introduce some of the basic features of the AngularJS mock objects. I added a file called controllerTest.js to the angularjs/tests folder and used it to define the test shown in Listing 25-5. Listing 25-5. The [ [ ...]

Unit Testing with AngularJS: Using the Mock Objects

Now that I have shown you how to test a simple controller, I am going to demonstrate how the different mock objects that I listed in Table 25-5 work. 1. Mocking HTTP Responses The $httpBackend service provides a low-level API that is used by the $http service to make Ajax requests (and by the $resource [ [ ...]

Unit Testing with AngularJS: Testing Other Components

All the tests I have shown you so far have been for a controller, but as the previous chapters have shown, there are several types of components in an AngularJS application. In the sections that follow, I demonstrate how to write a simple unit test for each of them. 1. Testing a Filter You can [ [ ...]