How to run xhr request with address written in template

Question

I'm trying to run XHR request on URL that controller obtain from template.

I get url like this

Angular code:

ManageControllers.controller('ManageCtrl', ['$scope', '$http',
    function ManageCtrl($scope, $http) {
        $scope.urls = {
            edit : '',
            get : ''
        };

        $http.post($scope.urls.get).success(function(data) {
            $scope.recipe = data;
        });
    }
]);

HTML template:

<div ng-app="ManageApp">
    <div ng-controller="ManageCtrl">
        <input 
            ng-model="urls.save"
            ng-init="
                urls.save = '/save';
            "
        />
        <input
            ng-model="urls.get"
            ng-init="
                urls.get = '/get';
            "
        />
    </div>
</div>

So far Angular reads value from trmplate. But it looks like $http runs before ng-init. So I don't know if it is better to run $http from some function with timeout or there is some proper, angular way of doing it.

score 1 · Answer 1 · answered Apr 03 '14 at 08:15

1

You can change your code a bit without the need of a setTimeout :

<input
    ng-model="urls.get"
    ng-init="initGet('/get')"
 />


ManageControllers.controller('ManageCtrl', ['$scope', '$http',
    function ManageCtrl($scope, $http) {
        $scope.urls = {
            edit : '',
            get : ''
        };

        $scope.initGet = function(url) {
            $scope.urls.get = url;
            $http.post($scope.urls.get).success(function(data) {
                $scope.recipe = data;
            });
        };


    }
]);

answered Apr 03 '14 at 08:15

Jscti

14,096
4
62
87

Thanks. That is great solution. Bu isn't there something more out of the box to trigger $http after ng-init ? – Sebastian Piskorski Apr 03 '14 at 08:21
1

you could try with `$viewContentLoaded`. But the best solution would be to create a directive for your need, passing the url to a directive attribute and firing $http call in the link function – Jscti Apr 03 '14 at 08:29
I have to make some research. Thanks for directions. – Sebastian Piskorski Apr 03 '14 at 08:45

How to run xhr request with address written in template

1 Answers1