工場は角で

誰かが下のコード工場の部品に何が間違っているか教えてもらえますか？ 3番目のコンソールログにエラーメッセージが表示されます。前もって感謝します。工場は角で

fsp.html:95 Uncaught SyntaxError: Unexpected token (
    angular.js:36Uncaught Error: [$injector:modulerr]  http://errors.angularjs.org/1.2.23/$injector/modulerr?p0=MyModule&p1=Error%…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.23%2Fangular.min.js%3A17%3A415) 
     at angular.js:36 
     at angular.js:3906 
     at r (angular.js:325) 
     at e (angular.js:3872) 
     at gc (angular.js:3812) 
     at c (angular.js:1444) 
     at fc (angular.js:1459) 
     at Xc (angular.js:1368) 
     at angular.js:21949 
     at HTMLDocument.a (angular.js:2573)

<html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 

</head> 
<body ng-app="MyModule"> 
<div ng-controller="MyController"> 

</div> 
<script> 
    var mod = angular.module('MyModule',[]); 
    mod.provider("myProvider",function() 
    { 
     this.$get = function() 
     { 
      return "MyValue"; 
     }; 
    }); 
    mod.service("myService",function() 
    { 
     this.myFunc = function() 
     { 
      return "MyValueService"; 
     }; 
    }); 
    mod.factory("myFactory",function() 
    { 
     return 
     { 
      myFunc :function() 
      { 
       return "MyValueFactory"; 
      } 
     } 
    }); 
    mod.controller("MyController",function(myProvider,myService,myFactory) 
    { 
     console.log("MyController-myProvider"+myProvider); 
     console.log("MyController-myService"+myService.myFunc()); 
     console.log("MyController-myFactory"+myFactory.myFunc()); 
    }); 
</script> 
</body>

出典

2017-01-23 ang123

は、JavaScriptのASIのファウルを下降しています。作業例〜http://plnkr.co/edit/2CquJUcUU005F6CBpnky?p=preview

参照

return { // note the brace is on the same line here 
    // and the rest as normal

...あなたの工場のreturn文への変更も〜 https://stackoverflow.com/a/3218860/283366

出典

2017-01-23 04:06:10 Phil

ありがとうございました。それは帰りのためだけに重要ですか？私はサービスとプロバイダのための次の行にかっこを持っており、うまくいきます。 – ang123

は、あなたのコードは、そのよう好きなこの..

mod.factory('myFactory',function() 
    { 
     return { 
      myFunc:function() { 
       return "MyValueFactory"; 
      } 
     } 
    });

出典

2017-01-23 04:08:21 user7448904

インデントを行います

</head> 
<body ng-app="MyModule"> 
<div ng-controller="MyController"> 

</div> 
<script> 
    var mod = angular.module('MyModule',[]); 
    mod.provider("myProvider",function() 
    { 
     this.$get = function() { 
      return "MyValue"; 
     }; 
    }); 
    mod.service("myService",function() 
    { 
     this.myFunc = function() { 
      return "MyValueService"; 
     }; 
    }); 
    mod.factory("myFactory",function() 
    { 
     return { 
      myFunc :function() { 
       return "MyValueFactory"; 
      } 
     } 
    }); 
    mod.controller("MyController",function(myProvider,myService,myFactory) 
    { 
     console.log("MyController-myProvider"+myProvider); 
     console.log("MyController-myService"+myService.myFunc()); 
     console.log("MyController-myFactory"+myFactory.myFunc()); 
    }); 
</script> 
</body>

出典

2017-01-23 04:28:01

答えて

関連する問題