角度 - 在页面加载时触发$http.get
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 };
}
干杯。
你正在寻找解决方案。它允许您根据函数值或承诺创建路由,然后将其注入控制器,并在控制器实例化时可用。
$routeProvider
.when("/news", {
templateUrl: "newsView.html",
controller: "newsController",
resolve: {
message: function(messageService){
return messageService.getMessage();
}
}
});
app.controller("newsController", function (message) {
$scope.message = message;
});
请注意,resolve 对象的属性名称message
与注入控制器的值匹配。如果您将数组语法用于最小安全代码,它将如下所示:
app.controller("newsController", ['message', function (message) {
$scope.message = message;
}]);
相关文章:
- 如何将PHP get查询转换为Meteor's HTTP.get()
- Angularjs http.get() Cross-Origin 请求被阻止
- Angular js http get返回所有页面
- Angular.js-$http.get-使用文件中的缓存
- 当我在chrome中切换设备模式时,$http.get请求失败
- Angular http.get没有'我不喜欢在开头和结尾加方括号的文本文件
- 从javaspring方法管理http.get响应
- 我可以在React应用程序中使用什么作为Angular的等价物;s$http.get
- 如何让foreach循环等待$http.get完成后再继续
- Angular Cross Origin Request CORS失败,但节点http.get()成功返回
- 使用$http.get()-OAuth身份验证下载带有Angular的远程文件
- $http GET URL更改并查找错误的资源
- angularJS $http.get communicating with API
- 在AngularJS中使用$http.get检索JSON时出现错误400
- AngularJS $http GET 请求到本地 JSON 文件返回语法错误:意外令牌]
- 使用角度$http.get从服务器下载文件
- AngularJS或JQuery解析错误格式的JSON(http get)
- AngularJS HTTP Get 没有得到响应
- 无法在角度 js 中将参数传递给 http get 请求
- Meteor:使用HTTP.get从客户端访问网站(CORS错误)