AngularJs簡單的自定義服務不工作

我是新來的角度，並試圖創建一個新的自定義服務和拉視圖上的數據。這裏可能是什麼問題？AngularJs簡單的自定義服務不工作

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <meta charset="utf-8" /> 
    <script src="Scripts/angular.min.js"></script> 
</head> 
<body ng-app="myApp" ng-controller="myCtrl"> 
    service data is {{serviceData}} 
</body> 
</html> 


<script> 
    var app = angular.module('myApp', []); 

    app.controller('myCtrl', function ($scope, myService) {  
     $scope.serviceData = myService.getDetails; 
    }); 

    app.factory('myService', function() { 
     return 
     { 
      getDetails: "I am testing service...."; 
     }; 
    }); 

</script>

來源

2016-03-14 Kurkula

請從getDetails財產申報

var app = angular.module('myApp', []); 
 

 
app.controller('myCtrl', function($scope, myService) { 
 
    $scope.serviceData = myService.getDetails; 
 
}); 
 

 
app.factory('myService', function() { 
 
    return { 
 
    getDetails: "I am testing service...." 
 
    }; 
 
});

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

 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
    service data is {{serviceData}} 
 
</div>

來源

2016-03-14 22:06:18

也很重要，刪除分號該對象的同一行開始爲'return' – charlietfl

我的天啊....你是正確的charlietfl。我想知道這是怎麼發生的......如果{接下來要返回或者在下一行......會怎麼樣呢？ – Kurkula

@Chandana就像'return'一樣工作。 – charlietfl

AngularJs簡單的自定義服務不工作

回答

相關問題