AngularJS在版本1.3.8上将数据服务注入控制器
我正在运行一个教程,但是他们使用的是1.3.8之前的AngularJS版本 我的代码中缺少了什么,以便可以注入此数据服务 他们使用以下代码将服务注入控制器:AngularJS在版本1.3.8上将数据服务注入控制器,angularjs,Angularjs,我正在运行一个教程,但是他们使用的是1.3.8之前的AngularJS版本 我的代码中缺少了什么,以便可以注入此数据服务 他们使用以下代码将服务注入控制器: var myApp = angular.module('myApp', []); myApp.factory('Data', function () { return { message: "I'm data from a service" }; }); function FirstCtrl($scope, Data) {
var myApp = angular.module('myApp', []);
myApp.factory('Data', function () {
return { message: "I'm data from a service" };
});
function FirstCtrl($scope, Data) {
$scope.data = Data;
}
function SecondCtrl($scope, Data) {
$scope.data = Data;
}
var myApp = angular.module('app', []);
myApp.factory('Data', function(){
return {message:"Data from service"}
});
angular.module('app', Data)
.controller('FirstController', ['$scope', function($scope) {
$scope.data = Data;
}])
.controller('SecondController', ['$scope', function($scope) {
$scope.data = {message: "panel"};
}]);
这是我试图修改的代码,以使其正常工作:
var myApp = angular.module('myApp', []);
myApp.factory('Data', function () {
return { message: "I'm data from a service" };
});
function FirstCtrl($scope, Data) {
$scope.data = Data;
}
function SecondCtrl($scope, Data) {
$scope.data = Data;
}
var myApp = angular.module('app', []);
myApp.factory('Data', function(){
return {message:"Data from service"}
});
angular.module('app', Data)
.controller('FirstController', ['$scope', function($scope) {
$scope.data = Data;
}])
.controller('SecondController', ['$scope', function($scope) {
$scope.data = {message: "panel"};
}]);
您必须在控制器中注入
数据。控制器('FirstController',['$scope','Data',函数($scope,Data){
不作为模块依赖项列出。@angular.module('app',Data)
。有关更多详细信息和其他选项,请参阅
angular.module('app')
.controller('FirstController', ['$scope', 'Data', function($scope, Data) {
$scope.data = Data;
}])
.controller('SecondController', ['$scope','Data', function($scope, Data) {
$scope.data = {message: "panel"};
}]);
您必须在控制器中注入数据。控制器('FirstController',['$scope','Data',函数($scope,Data){
不作为模块依赖项列出。@angular.module('app',Data)
。有关更多详细信息和其他选项,请参阅
angular.module('app')
.controller('FirstController', ['$scope', 'Data', function($scope, Data) {
$scope.data = Data;
}])
.controller('SecondController', ['$scope','Data', function($scope, Data) {
$scope.data = {message: "panel"};
}]);
使用以下命令:
angular.module('app')
.controller('FirstController', ['$scope', function($scope, Data) {
$scope.data = Data;
}])
.controller('SecondController', ['$scope', function($scope, Data) {
$scope.data = {message: "panel"};
}]);
使用以下命令:
angular.module('app')
.controller('FirstController', ['$scope', function($scope, Data) {
$scope.data = Data;
}])
.controller('SecondController', ['$scope', function($scope, Data) {
$scope.data = {message: "panel"};
}]);
当您获取已创建的模块时,您可以使用angular.module('app')
获取。您不应该尝试将数据
工厂注入模块,而是注入控制器
angular.module('app')
.controller('FirstController', ['$scope', 'Data', function($scope, Data) {
$scope.data = Data;
}])
.controller('SecondController', ['$scope', 'Data', function($scope, Data) {
$scope.data = {message: "panel"};
}]);
当您获取已创建的模块时,您可以使用angular.module('app')
获取。您不应该尝试将数据
工厂注入模块,而是注入控制器
angular.module('app')
.controller('FirstController', ['$scope', 'Data', function($scope, Data) {
$scope.data = Data;
}])
.controller('SecondController', ['$scope', 'Data', function($scope, Data) {
$scope.data = {message: "panel"};
}]);