Why does Error: ng:areq Bad Argument(routing, controller not visible) occur?

Question

Angular

Hello, here is the routing code

.when('/',{
templateUrl: 'template/main.html'
})
.when('/phones/:phoneId',{
templateUrl: 'template/phone.html',
controller: 'PhoneCntrl'
})
.otherwise({redirectTo:'/'})

Controller code

app.controller('PhoneCntrl','$routeParams', function($scope, $routeParams){
$http.get('phones/' + $routeParams.phoneId + '.json').success(function(data) {
$scope.phone = data;
});
$scope.phoneId = $routeParams.phoneId;
});

And the calling code

<a ng-href="#/phones/{{phone.id}}" class="btn btn-primary">Show</a>

Routing works, it opens pages with the desired IP, but does not want to display the content.
When withdrawing

<h1>Тест</h1>
{{phone.phoneId}}

Only the word "Test" is displayed, and the error in the console is Error: ng:areq
Bad Argument
Argument 'PhoneCntrl' is not

Answer 1

app.controller('PhoneCntrl', ['$scope', '$routeParams', function($scope, $routeParams){
  $http.get('phones/' + $routeParams.phoneId + '.json').success(function(data) {
    $scope.phone = data;
  });
  $scope.phoneId = $routeParams.phoneId;
}]);