AngularJS路由提供者-發布請求

Question

我如何使用routeprovider向URL發送請求？ 在下面提供了示例代碼

<script>
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
    $routeProvider
    .when("/", {
        templateUrl : "main.htm"
    })
    .when("/red", {
        templateUrl : "red.htm"
    })
    .when("/green", {
        templateUrl : "green.htm"
    })
    .when("/blue", {
        templateUrl : "blue.htm"
    });
});
</script>

Answer 1

您可以使用resolve ：

.when("/", {
    templateUrl : "main.htm",
    resolve: {
      data: function($http) {
        $http.post('/yourUrl', yourData)
            .then(function(res) {
              return res;
            }, function(err) {
              console.log(err);
              return null;
            })
    }
    }
})

然后在您的控制器中

.controller(function(data) {
   console.log(data);
 })

注意：這本身不使用routeProvider ，因為進行REST調用不是routeProvider的用途。 Angular只能通過$http服務來做到這一點。 我假設您只想從路由定義中進行REST調用。

Protip一種更好的方法是在模塊中定義一個服務，然后將該模塊插入路由解析中，而不是直接注入$http 。 我這樣做只是為了簡潔