Use an Angular JS value as a parameter of TWIG "path" function in Symfony 2

Question

The {[{project.id}]} AngularJS variable is not interpreted by twig in the path function. This my code:

<section class="main" ng-controller="PaginationDemoCtrl">
    <table class="table table-striped table-hover table-responsive">
        <thead>
            <tr>
                <th>{% trans %}Id{% endtrans %}</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="project in filteredProjectList">
                <td>
                    <a href="{{ path('project_show', { 'projectId': {[{project.id}]} }) }}">
                        {[{ project.id }]}
                    </a>
                </td>
            </tr>
        </tbody>
    </table>

    <pagination
            total-items="totalItems" 
            items-per-page="itemsPerPage"
            ng-model="currentPage" 
            ng-change="pageChanged()">
    </pagination>
</section> 

<script>
    angular.module('myModule', ['ui.bootstrap']);
    angular.module('ui.bootstrap').config(function ($interpolateProvider) {
        $interpolateProvider.startSymbol('{[{').endSymbol('}]}');
    });
</script>

Have you got a trick to fix this problem?

stackoverflow.com/questions/13671701/…

Cerad
– Cerad

2014-12-30 21:14:49 +00:00
Commented Dec 30, 2014 at 21:14 — Cerad
– Cerad, Commented Dec 30, 2014 at 21:14

Maerlyn · Accepted Answer · 2014-12-30 22:19:38Z

2

Angular is client-side, twig is server-side, so you cannot call twig's path function from angular.

If you want to generate routes on the client, look into FOSJsRoutingBundle.

answered Dec 30, 2014 at 22:19

Maerlyn

34.2k18 gold badges99 silver badges89 bronze badges

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

1 Comment

Bhaktaraz Over a year ago

@Maerlyn could you please post solution example for problem mentioned above.

Davin Tryon · Accepted Answer · 2014-12-30 20:44:11Z

0

Not sure what you are trying to do here, but you don't need to interpolate product.id again. This should be ok, but it would help to see your path function:

<tr ng-repeat="project in filteredProjectList">
    <td>
        <a ng-click="path('project_show', { 'projectId': project.id })">
            {[{ project.id }]}
        </a>
    </td>
</tr>

I'm assuming here that path is a function defined on the controller's $scope.

answered Dec 30, 2014 at 20:44

Davin Tryon

67.4k15 gold badges149 silver badges139 bronze badges

1 Comment

Nicolas Talichet Over a year ago

It's not "my" path function, but it's a Symfony 2 function, see the documentation here : symfony.com/doc/2.3/book/templating.html#linking-to-pages Thx for the help anyway

Collectives™ on Stack Overflow

Use an Angular JS value as a parameter of TWIG "path" function in Symfony 2

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related