Angularjs在点击时更改$ get source

时间:2014-01-16 17:43:32

标签: ajax json angularjs

我有一个使用

的网页
app.controller('listCtrl', function ($scope, $http) {
    $http.get("http://data.com/?region=north").success(function (data) {
        $scope.properties = data;
    });
});

点击按钮,我想从其他网址重新加载来源

$http.get("http://data.com/?region=south").success(function (data) {
    $scope.properties = data;
});

有没有办法做到这一点?

1 个答案:

答案 0 :(得分:1)

将资源的获取封装在参数化的函数中,因此您可以在控制器初始化时调用它,并在此之后随时单击按钮。

app.controller('listCtrl', function ($scope, $http) {

    function getResource(region) {
       $http.get("http://data.com/?region=" + region).success(function (data) {
          $scope.properties = data;
       });
    }

    $scope.changeRegion = getResource; // provide function for button click

    getResource('north'); // initialize default
});

查看:

<button type="button" ng-click="changeRegion('south')">Change Region</button>