javascript - 工厂数据未定义

Question

我正在尝试使用 angularJS。

我写了这个简单的例子:

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

myApp.factory( 'Data' , function() {
    return { message: "I'm data from a service" } 
});
function FirstCtrl($scope) {
    $scope.data = Data;
}
function SecondCtrl($scope) {
    $scope.data = Data; 
}

但我收到以下错误消息:

ReferenceError: Data is not defined

我做错了什么

Answer 1

您正在使用从未在全局范围内定义的Data。

相反，因为您使用 Angular 的依赖注入(inject)机制定义了它:

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

myApp.factory( 'Data' , function() {
    return { message: "I'm data from a service" } 
});

// angular will figure it out based on parameter name
myApp.controller("FirstCtrl",function($scope,Data) { 
    $scope.data = Data;
});

fiddle