我的控制器下面通过服务返回一个json,如下所示:
.controller('googleFormsCtrl', function ($scope, $http, $window, Userr,$timeout,$location) {
// SEND THE HTTP REQUEST
var url;
var externalWindow;
// MAKE API REQUEST for Authorization
$http.get('/api/googleAuth').then(function (response) {
url = response.data;
});
this.googleAuthentication = function () {
externalWindow = $window.open(url, "Please Sign in with Google", "width:350px,height:350px");
};
// Close Authorization and set credentials
window.onmessage = function (info) {
externalWindow.close();
// Get the URL
var urlCode = info.data;
// Get pure code of user
var idx = urlCode.lastIndexOf("code=");
var code = urlCode.substring(idx + 5).replace("#", "");
// GET ALL FORMS
Userr.getCredentials(code).then(function (res) {
$scope.forms = JSON.stringify(res.data);
});
};
})
如上所示,我在请求的回调中获取所有表单,并且我需要使用它们以便在另一个页面中放入选项菜单,如下所示:
<div>
<h2> Google Forms </h2>
</div>
<br>
<br>
<br>
<div id="selectForm">
<div class="form-group">
<br>
<!--The Forms should be displayed below dynamically-->
<h5>Select Google Form</h5>
<select class = "form-control" ng-model="model.id"
ng-options="form.id as form.name for form in forms" >
</select>
{{model.id}}
</div>
<button class="btn btn-default" type="submit">OK</button>
</div>
这就是我必须从功能范围中访问它们的原因。我在res.data中的数据是这样的:
[{
"id": "1o3FUAJAPsS2m93_ECkVtLcYbMaaWHk6UGHIFG-6lpyA",
"name": "Normal Form"
}, {
"id": "1QB5MHWtXytLUqGHUH1Ac-V9fS7hHlCqSWXjq2iFz1Zk",
"name": "Parti Davetiyesi"
}];
如何将此数据导出功能范围?任何帮助或提示都表示赞赏。谢谢。
无论何时您需要在全球范围内提供某些内容,或至少可供多个控制器使用,您都需要使用工厂或服务。
服务和工厂都是单例,这意味着一旦它们被实例化,它们就会在应用程序的生命周期内保留在内存中。
(实际上,在服务中实现某种缓存总是一个好主意,这样你就不会进行不必要的调用。)
因此,$http
请求的结果可以分配给服务变量:
// GET ALL FORMS
Userr.getCredentials(code).then(function (res) {
$scope.forms = JSON.stringify(res.data);
// to make this data availbale everywhere,
// simply add the result to the service itself
Userr.forms = res.data;
});
现在,在每个注入Userr
服务的控制器中,您都可以访问这些数据:
// in another controller
$scope.forms = Userr.forms;