* You can create a `$inject` property on the controller function which holds an array of strings.

Each string in the array is the name of the service to inject for the corresponding parameter.

In the case of our example we would write:

function PhoneListCtrl($scope, $http) {...}

PhoneListCtrl.$inject = ['$scope', '$http'];

phonecatApp.controller('PhoneListCtrl', PhoneListCtrl);

* Use the inline bracket notation which wraps the function to be injected into an array of strings

(representing the dependency names) followed by the function to be injected:

function PhoneListCtrl($scope, $http) {...}

phonecatApp.controller('PhoneListCtrl', ['$scope', '$http', PhoneListCtrl]);

Both of these methods work with any function that can be injected by Angular, so it's up to your

project's style guide to decide which one you use.

When using the second method, it is common to provide the constructor function inline as an

anonymous function when registering the controller:

phonecatApp.controller('PhoneListCtrl', ['$scope', '$http', function($scope, $http) {...}]);

From this point onward, we're going to use the inline method in the tutorial. With that in mind,

let's add the annotations to our `PhoneListCtrl`: