Angularjs error Unknown provider

Question

I m trying to display the configured values author and version in angular value service in html page Version code is displayed fine but not the author name Here is the html code       lt  doctype html gt   lt html lang  en  ng-app  myApp  gt   lt head gt     lt meta charset  utf-8  gt     lt title gt My AngularJS App lt  title gt     lt link rel  stylesheet  href  css app css   gt   lt  head gt   lt body gt     lt ul class  menu  gt       lt li gt  lt a href    view1  gt view1 lt  a gt  lt  li gt       lt li gt  lt a href    view2  gt view2 lt  a gt  lt  li gt     lt  ul gt      lt div ng-view gt  lt  div gt      lt div gt Angular seed app  v lt span app-version gt  lt  span gt  lt  div gt     lt div gt Author is    lt span app-author gt  lt  span gt  lt  div gt       lt script src  lib angular angular js  gt  lt  script gt     lt script src  js app js  gt  lt  script gt     lt script src  js services js  gt  lt  script gt     lt script src  js controllers js  gt  lt  script gt     lt script src  js filters js  gt  lt  script gt     lt script src  js directives js  gt  lt  script gt   lt  body gt   lt  html gt    Here is the directive     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                   And here is the service portion where author and version values are configured      angular module  myApp services          value  version    0 1      value  author   JIM      The error i m getting in developer console is   Error  Unknown provider  authorProvider  lt - author  lt - appAuthorDirective

User · Accepted Answer

Make sure you are loading those modules (myApp.services and myApp.directives) as dependencies of your main app module, like this:

angular.module('myApp', ['myApp.directives', 'myApp.services']);

plunker: http://plnkr.co/edit/wxuFx6qOMfbuwPq1HqeM?p=preview

User · Answer

bmleite has the correct answer about including the module   If that is correct in your situation  you should also ensure that you are not redefining the modules in multiple files   Remember   angular module  ModuleName            creates a module   angular module  ModuleName            gets you a pre-existing module    So if you are extending a existing module  remember not to overwrite when trying to fetch it

[javascript] Angularjs error Unknown provider

Examples related to javascript

Examples related to angularjs

Examples related to angularjs-directive