角廠 - VoidCC

有人可以告訴我下面的代碼工廠部分有什麼問題嗎？我收到第三個控制檯日誌的錯誤消息。提前致謝。角廠

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的犯規。改變你的工廠的return語句...

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

工作實例〜http://plnkr.co/edit/2CquJUcUU005F6CBpnky?p=preview

也看看〜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

角廠

回答

相關問題