[英]Angular - Fire $http.get on page load
我的主页正在加载,然后在页面已加载后触发我的$ http.get()请求。
如何获得页面加载之前首先触发的请求,以便可以在页面上使用返回的数据?
路由:
var leisureApp = angular.module('leisureApp', ["ngRoute"]);
leisureApp.config(["$routeProvider", "$locationProvider",
function ($routeProvider, $locationProvider) {
$routeProvider
.when("/home", {
templateUrl: "Scripts/HTML/Home.html",
controller: "HomeController"
})
.when("/login", {
templateUrl: "Scripts/HTML/Login.html",
controller: "LoginController"
})
.when("/time", {
templateUrl: "Scripts/HTML/Time.html"
})
.otherwise({
redirectTo: "/home"
});
$locationProvider.html5Mode({
enabled: true,
requireBase: false
});
}]);
家庭控制器:
angular.module('leisureApp')
.controller('HomeController', ['$scope', 'ADAuth', function ($scope, ADAuth) {
$scope.ADAuth = ADAuth;
}])
.factory('ADAuth', function ($http) {
return $http.get('Home/GetUser');
})
MVC控制器方法:
public JsonResult GetUser()
{
var user = new LeisureUser();
user.ActiveDirectoryName = HttpContext.User.Identity.Name;
return new JsonResult { Data = user, JsonRequestBehavior = JsonRequestBehavior.AllowGet };
}
干杯。
您正在寻找解决方案 。 它使您可以根据函数值或Promise进行路由,然后将其注入到控制器中,并将在控制器实例化时使用。
$routeProvider
.when("/news", {
templateUrl: "newsView.html",
controller: "newsController",
resolve: {
message: function(messageService){
return messageService.getMessage();
}
}
});
app.controller("newsController", function (message) {
$scope.message = message;
});
请注意,解析对象message
的属性名称与注入到控制器中的值匹配。 如果您将数组语法用于最小安全代码,则将如下所示:
app.controller("newsController", ['message', function (message) {
$scope.message = message;
}]);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.