Angularjs error proveedor desconocido
Estoy tratando de mostrar los valores configuradosauthor yversion en el servicio de valores angulares en la página html. El código de la versión se muestra bien pero no el nombre del autor. Aquí está el código html.
<!doctype html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="utf-8">
<title>My AngularJS App</title>
<link rel="stylesheet" href="css/app.css"/>
</head>
<body>
<ul class="menu">
<li><a href="#/view1">view1</a></li>
<li><a href="#/view2">view2</a></li>
</ul>
<div ng-view></div>
<div>Angular seed app: v<span app-version></span></div>
<div>Author is : <span app-author></span></div>
<script src="lib/angular/angular.js"></script>
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>
</body>
</html>
Aquí está la directiva ...
angular.module('myApp.directives', []).
directive('appVersion', ['version', function(version) {
return function(scope, elm, attrs) {
elm.text(version);
};
}])
.directive('appAuthor', ['author', function(author) {
return function(scope, elm, attrs){
elm.text(author);
};
}]);
Y aquí está la parte de servicio dondeauthor yversion los valores estan configurados
angular.module('myApp.services', []).
value('version', '0.1')
.value('author','JIM');
El error que estoy recibiendo en la consola de desarrollador es
Error: Unknown provider: authorProvider <- author <- appAuthorDirective