不能從外部JS訪問角服務文件

這是我的html：不能從外部JS訪問角服務文件

<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="css/style.css"> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 

</head> 
<body> 
<script type="text/javascript" src="services.js"></script> 
<div ng-app="myApp" ng-controller="myCtrl2"> 
    hello {{x}} 
</div> 
<script> 
    var app=angular.module("myApp", []); 
    app.controller("myCtrl2", ['$scope','$location', function($scope, $location) { 
    myService.set("world"); 
    $scope.x=myService.get(); 
    }]); 
</script> 
</body> 
</html>

，這是我services.js文件：

var app=angular.module("myApp", []); 
    app.factory('myService', function() { 
    var savedData = {} 
    function set(data) { 
     savedData = data; 
    }main.html 
    function get() { 
     return savedData; 
    } 

    return { 
     set: set, 
     get: get 
    } 

    });

爲什麼沒有我得到的Hello World而是鍍鉻開發人員工具說：ReferenceError：我的服務沒有定義

來源

2016-06-22 Matoy

你需要糾正一些東西

不要在html頁面上重新創建myApp模塊，這會破壞模塊的舊註冊組件。請使用由services.js創建的現有myApp模塊。
```
var app=angular.module("myApp", []); 
```
應該
```
var app=angular.module("myApp"); 
```

不要在控制器使用之前，注入的服務。

app.controller("myCtrl2", ['$scope','$location', 'myService', 
    function($scope, $location, myService) {

來源

2016-06-22 20:01:30

-1

你需要在控制器

var app=angular.module("myApp", []); 
app.controller("myCtrl2", ['$scope','$location','myService', function($scope, $location,myService) { 
    myService.set("world"); 
    $scope.x=myService.get(); 
}]);

來源

2016-06-22 20:02:31 user3227295

你需要注入的服務爲您的控制器注入服務。

app.controller("myCtrl2", ['$scope','$location', function($scope, $location,myService) {

來源

2016-06-22 20:03:26 Prasheel

不能從外部JS訪問角服務文件

回答

相關問題