url.action passing parameter values from angular object

Question

How can i pass the Url.action with parameter from angular object? refer to new { id ="{{item.Title}}", title = "" } section in code below. i cant do it like id ={{item.Title}} this renders it as an string.

 <div ng-app class="container-fluid">
        <div class="row-fluid">
            <div ng-controller="MostViewedToolController" class="span2">
                <ul class="nav nav-list">
                    <li><a href="#"><h4><b>Most Viewed</b></h4></a></li>
                    <li ng-repeat="item in tools">
                        <a href="@Url.Action("Index", "home", new { id ="{{item.Title}}", title = "" })"> {{item.Title}}</a>
                    </li>
                </ul>
            </div>
            @RenderBody()
        </div>
    </div>

You have to store Url in angular controller. So you can utilize that parameter over here. — dotnetstep, May 24 '14 at 10:31
http://stackoverflow.com/a/42695763/706363 - I have created an URL HtmlHelper extension to help bind angular and MVC routes. — Piotr Kula, Mar 09 '17 at 12:49

yogesh · Answer 1 · 2015-06-03T13:39:03.327

2

Please follow the below process, i have implemented it and it's working fine.

< a ng-href="@Url.Action("Index","home")?id={{item.ID}}&title={{item.Title}}"> link_name < / a>

edited Jun 03 '15 at 13:39

answered Jun 03 '15 at 13:33

yogesh

41
5

score 0 · Answer 2 · answered May 24 '14 at 10:50

0

This fixed it.

<a ng-href="@Url.Action("Index", "home"){{item.ID}}/{{item.Title}}"> {{item.Title}}</a>

answered May 24 '14 at 10:50

Raju Kumar

1,255
3
21
39

it will not work if you bind thin on parameted view. it will add your value to next url value. – Satish Singh Jun 16 '15 at 07:55

url.action passing parameter values from angular object

2 Answers2