服务不是一个简单的控制器工作

-1

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


app.service('testService', function(){ 
    this.sayHello= function(text){ 
    return "Service says \"Hello " + text + "\""; 
    }; 
    this.sayGoodbye = function(text){ 
    return "Service says \"Goodbye " + text + "\""; 
    }; 
}); 


app.controller('AboutCtrl', ['testService', function ($scope, $location, $http) { 


    $scope.fromService = testService.sayHello("World"); 
    $scope.toService = testService.sayGoodbye("World"); 
}]);

，在我的HTML我有这个 .... ... 喜{{fromService}} ... ... 控制台中没有错误，页面只是空白。

来源

2016-06-18 Autolycus

你有没有在你的HTML中的任何地方放置一个'ng-app'声明？ – Makoto

在app.controller（'AboutCtrl'，['testService'，function（$ scope，$ location，$ http）{'line。'）中添加'testService'作为依赖项。 –

请看看AngularJs文档“使用依赖注入”。

正确的方法：

app.controller('AboutCtrl', ['$scope', '$location', '$http', 
'testService', function ($scope, $location, $http, testService) { 
     $scope.fromService = testService.sayHello("World"); 
     $scope.toService = testService.sayGoodbye("World"); 
}]);

来源

2016-06-18 02:10:10

你没有正确注射服务。

app.controller('AboutCtrl', ['$scope', '$location', '$http', 
'testService', function ($scope, $location, $http, testService) { 

     $scope.fromService = testService.sayHello("World"); 

     $scope.toService = testService.sayGoodbye("World"); 

}]);

而且在你HTML你应该添加ng-app="app"和ng-controller到especify控制器。

<!DOCTYPE html> 
<html ng-app="app"> 
    <head></head> 
    <body ng-controller="AboutCtrl"> 
     <p>Hi {{fromService}}</p> 

    <!-- Also place here your JS files.-->> 
    </body> 
</html>

来源

2016-06-18 02:28:01

晚餐容易，其实您注射服务错误的地方进行检查：

app.controller('aboutCtrl', function ($scope, $location, $http, testService) { 
$scope.fromService = testService.sayHello("World"); 
$scope.toService = testService.sayGoodbye("World"); 
});

来源

2016-06-18 02:31:22

你可以注入你的服务通过这些方式来控制器。

嵌入式阵列注释

app.controller('MyController', ['$scope', 'testService', function($scope, testService) { 
    // ...Code here 
}]);

$注入性注释

var MyController = function($scope, testService) { 
    // ... 
} 
MyController.$inject = ['$scope', 'testService']; 
app.controller('MyController', MyController);

隐注释

app.controller('MyController', function($scope, testService) { 
    // ... 
});

如果你想知道哪一个是首选然后阅读这Dependency Injection

来源

2016-06-18 04:46:56

服务不是一个简单的控制器工作

回答

相关问题