Javascript 在控制器中获取服务变量

我从angularJS开始，尝试使用服务发出HTTP get请求。 这部分工作正常，我将数据输入一个名为text_resp的响应变量。 我只想在单击按钮时发出此API请求，因此我在刷新方法中将其与控制器链接。 我无法访问控制器中的文本响应，你知道为什么吗？ 代码如下：

var myApp=angular.module（'myApp'，[]）
//定义一个名为monService的服务
myApp.service（'monService'，函数（$http）{
this.components='pomme'；
this.add=功能（成分）{
this.components=this.components+'，'+成分；
把这个退还给我；
};
this.text_resp=''；
this.request=函数（）{
var请求_obj=$http({
方法：“GET”，
网址：'https://world.openfoodfacts.org/cgi/search.pl?search_terms=banania&search_simple=1&action=process&json=1'
}).那么(
函数成功回调（响应）{
console.log（“成功”）
this.text_resp=response.data；
控制台日志（“1”）
console.log（this.text_resp）；
}, 
函数errorCallback（响应）{
console.log（“错误”）
this.text_resp=“错误服务器”；
});
log（“异步”）；
console.log（this.text_resp）
}
控制台日志（“2”）
console.log（this.text_resp）
});
myApp.controller（'controller'，function（$scope，monService）{
$scope.mescontracents=monService.add（'carotte'）；
$scope.mareponse=monService.text\u resp；
$scope.refresh=函数（）{
monService.request（）；
console.log（$scope.mareponse）
}
});