pass Angular variables to Laravel

Question

I load data via Angular ajax. How can I pass returned results to laravel @include partial?

Angular:

$scope.findItem = function(itemId) {
    $scope.spinner = true;
    $http.get('item/' + itemId).success(function(results) {
        $scope.spinner = false;
        $scope.results = results[0];
    });
};

html:

<div ng-init="findItem(185)">
    <span ng-show="spinner" class="spinner"></span>
    <div ng-hide="results == undefined">
        @include('partials.item', {{ results }}) // <- I want to pass 'results' here
    </div>
</div>

Patrick Stephan · Accepted Answer · 2015-05-05 15:53:49Z

2

You can't really do that. But you can just include the results variable as javascript in your partials.item view. So your HTML would look like this:

<div ng-init="findItem(185)">
    <span ng-show="spinner" class="spinner"></span>
    <div ng-hide="results == undefined">
        @include('partials.item')
    </div>
</div>

And your partials.item view would have angular variables instead of laravel variables:

@{{results}}

Instead of

{{$results}}

Make sense?

answered May 5, 2015 at 15:53

Patrick Stephan

1,82916 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

qwaz Over a year ago

I'd considered such option, but the only thing I don't know how to go about in such situation is that I load this partial from two different pages, in one I do it with angular, in another with laravel only. So if I change laravel variables to angular, then I will not be able to load it via laravel.

Patrick Stephan Over a year ago

Ok, so in your view, try using this: {{$results or '{{results}}'}}. You may still need to escape, I'm not sure. If so: {{$results or '@{{results}}'}}

Collectives™ on Stack Overflow

pass Angular variables to Laravel

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related